如何使用jQuery驗證表單格式

如何使用jQuery驗證表單格式？針對這個問題，這篇文章詳細介紹了相對應(yīng)的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

通過給input控件添加自定義屬性，自定義屬性規(guī)則如下：

 <div id="panda">
  <input type="text" validate="true" ctr-type="mobile" />
 </div>

以上一個簡單的demo是驗證輸入格式是否為手機號，如果輸入的信息不符合規(guī)則，錯誤信息會提示在輸入框下一行，如下圖：

validate="true" // 執(zhí)行驗證，這個不設(shè)置為true其他屬性都不驗證；
isrequired="true" // 必填驗證
checkunique="true" // 后臺Ajax唯一性驗證，如果不唯一則驗證失??；
ctr-type="email" // 格式是email, pwd：密碼，char：姓名，number：數(shù)字，float：帶小數(shù)的數(shù)字，mobile：手機，idcard：身份證；
repeatpwd="true" // 密碼重復(fù)性檢驗，這個標(biāo)簽必須同時出現(xiàn)在兩個需要檢驗的密碼和重復(fù)輸入密碼控件。
初始化示例：
$('#panda').initValidate();
提交按鈕提交之前對所有輸入進行驗證：
$('.okbtn').click(function () { return $('#panda').validateAllControls() });
Email驗證使用示例：
<input type="text" ctr-type="email" checkunique="true" isrequired="true" validate="true" name="myEmail" id="myEmail"/>
<label class="error"></label>
密碼驗證使用示例：
<input type="password" ctr-type="pwd" isrequired="true" validate="true" repeatpwd="true" name="newPassword"/>
<label class="error"></label>

關(guān)于如何使用jQuery驗證表單格式問題的解答就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識。