使用自定義屬性驗證常用的表單格式

前言

實際開發中，往往要注重效率和**的復用率。以下的demo就通過html5的自定義屬性來使用jquery實現常用的數字格式自動驗證。以後的開發中需要考慮更多的、更便捷的使用技巧，這樣才能做到事半功倍。

用法

在需要驗證格式的input元素中新增自定義屬性data-hook為number或id-card就可以分別驗證輸入內容是否為手機號碼或身份證號碼。

lang="en">
charset="utf-8">
demotitle>
head>
type="number"
data-hook="number">
type="number"
data-hook="id-card">
body>
src="jquery-1.9.0.min.js">
script>
$(function
() );
$('[data-hook="number"]').on('blur', function
() $/)) 
}});
//驗證身份證
$('[data-hook="id-card"]').on('focus', function
() );
$('[data-hook="id-card"]').on('blur', function
() )[x|x|0-9]$/)) 
}});
});  
script>
html>

easyui常用自定義表單驗證

例如 校驗輸入框只能錄入0 1000之間 最多有2位小數的數字 表單下面 寫在 function 裡面 意思是當頁面載入完成後這些驗證規則就開始生效 function message 請輸入英文 自定的的驗證的用法 mone test value message 請輸入整數或小數 integer m...

自定義表單驗證

判斷 號碼格式 judgephone function phone var isphone 0 9 0 9 if strtemp.test phone isphone.test phone else 這是判斷 號碼格式的方法，有移動形式和座機形式，符合標準返回1，不符合標準返回 1 格式 非必填 c...

VUE表單自定義驗證常用正則

表單驗證處呼叫phoneverify自定義方法。rules phoneverify自定義方法正則使用。手機號驗證 var phoneverify rule,value,callback d 1 3584 d if reg.test value callback 密碼至少包含 數字和英文，長度6 20...