Html input 常見問題

2021-09-07 13:24:15 字數 2715 閱讀 4332

場景:在文字框中輸入關鍵字按回車,頁面自動重新整理了

解決方法1:

乙個表單下,如果只有乙個文字框時,按下回車將會觸發表單的提交事件。  既然是只有乙個文字框才會出問題,那麼可以加乙個隱藏的文字框

就是在表單 form 後面加上乙個 onsubmit 事件,返回 false,來阻止 form 提交。

document.οnkeydοwn=function(e)

}

解決方法4:

"

text

" οnkeydοwn="

return clearsubmit(event)

" />function clearsubmit(e)

}

凡要驗證格式的元素均需繫結datatype屬性,datatype可選值內建有10類,用來指定不同的驗證格式。

如果還不能滿足您的驗證需求,可傳入自定義datatype,可繫結的附加屬性有:datatype、nullmsg、sucmsg、errormsg、ignore、recheck、tip、altercss、ajaxurl 和 plugin等.

內建基本的datatype型別有: * | *6-16 | n | n6-16 | s | s6-18 | p | m | e | url

5.2版本之後,datatype支援規則累加或單選。用","分隔表示規則累加;用"|"分隔表示規則多選一,即只要符合其中乙個規則就可以通過驗證,繫結的規則會依次驗證,只要驗證通過,後面的規則就會忽略不再比較。

5.2.1版本之後,datatype支援:直接繫結正則:如可用這樣寫datatype="/\w/i",要求是3到6位的字母,不區分大小寫;

html5 原生表單驗證 + ajax 提交 無需任何第三方驗證框架 通過pattern 和 oninvalid 屬性統一驗證表單 。

oninvalid:提交的input元素的值為無效值時(這裡是正則驗證失敗),觸發oninvalid事件。oninvalid屬於form 事件。

setcustomvalidity():這個是html5內建的js方法,用來自定義提示資訊

pattern 屬性規定用於驗證輸入欄位的正規表示式。

注釋:pattern 屬性適用於以下 型別:text, search, url, telephone, email 以及 password 。

doctype html

>

<

html

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>

title

>

head

>

<

body

>

<

form

action

="#"

method

="post"

onsubmit

="return false"

>

<

input

type

="text"

name

="mobile"

id="mobile"

placeholder

="請輸入手機號碼"

pattern

="^(((13[0-9])|(15[0-9])|(18[0-9]))+\d)$"

oninvalid

="validateit(this,'手機號碼格式錯誤')"

oninput

="validateit(this,'手機號碼格式錯誤')"

required

/>

<

input

type

="text"

name

="age"

id="address"

placeholder

="請輸入位址"

pattern

="^.$"

oninvalid

="validateit(this,'位址不符合規範')"

oninput

="validateit(this,'位址不符合規範')"

required

/>

<

button

type

="submit"

id="submit"

>提交

button

>

form

>

body

>

<

script

src=""

>

script

>

<

script

>

function

validateit(inputelement,errmsg)

else

return

true

; }

$(function

() ,

datatype:

"json"//

json 格式的返回值

}); });

}});

script

>

參考:

Html input 常見問題

場景 在文字框中輸入關鍵字按回車,頁面自動重新整理了 解決方法1 乙個表單下,如果只有乙個文字框時,按下回車將會觸發表單的提交事件。既然是只有乙個文字框才會出問題,那麼可以加乙個隱藏的文字框 就是在表單 form 後面加上乙個 onsubmit 事件,返回 false,來阻止 form 提交。doc...

常見問題 朗動常見問題

常見問題一 方向盤變沉 檢查胎壓是否正常,輪胎是否過度磨損。助力幫浦不工作,前輪氣壓低。冬天的話,冷車在冬天助力油比較稠,方向會重一點。檢查轉向助力油。1 應該是是助力系統有問題或則助力潤滑油有問題。2 如果你在駕車時感覺方向盤變緊,汽車偏向一側,需要檢查輪胎,或進行車輪平衡 定位。在這些問題剛剛發...

面試常見問題 1 this的常見問題

this 的含義 this關鍵字是乙個非常重要的語法點。毫不誇張地說,不理解它的含義,大部分開發任務都無法完成。前一章已經提到,this可以用在建構函式之中,表示例項物件。除此之外,this還可以用在別的場合。但不管是什麼場合,this都有乙個共同點 它總是返回乙個物件。簡單說,this就是屬性或方...