Html input 常見問題

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

解決方法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就是屬性或方...