場景:在文字框中輸入關鍵字按回車,頁面自動重新整理了
解決方法1:
乙個表單下,如果只有乙個文字框時,按下回車將會觸發表單的提交事件。 既然是只有乙個文字框才會出問題,那麼可以加乙個隱藏的文字框
就是在表單 form 後面加上乙個 onsubmit 事件,返回 false,來阻止 form 提交。
document.onkeydown=function(e)}
解決方法4:
"text
" onkeydown="
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就是屬性或方...