欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery判斷輸入密碼兩次是否相等

 更新時(shí)間:2020年04月22日 14:54:01   投稿:lijiao  
這篇文章分別介紹了Jquery框架easyui判斷輸入密碼兩次是否相等,以及使用jQuery.validate驗(yàn)證表單中兩次密碼是否一致的問(wèn)題,需要的朋友可以參考下

Jquery easyui是一個(gè)非常好的ui框架,但是表單驗(yàn)證中沒(méi)有最常用的判斷兩個(gè)輸出框中值相等的驗(yàn)證,所以我做了下擴(kuò)展。

$.extend($.fn.validatebox.defaults.rules, { 
 /*必須和某個(gè)字段相等*/ 
 equalTo: { 
  validator:function(value,param){ 
   return $(param[0]).val() == value; 
  }, 
  message:'字段不匹配' 
 } 
    
}); 

使用示例:

密碼: <input id="password" name="password" validType="length[4,32]" class="easyui-validatebox" required="true" type="password" value=""/> 
<br/> 
確認(rèn)密碼:<input type="password" name="repassword" id="repassword" required="true" class="easyui-validatebox" validType="equalTo['#password']" invalidMessage="兩次輸入密碼不匹配"/> 

將validType屬性指定為equalTo['#password']即可。
當(dāng)然使用這個(gè)小插件,必須要先引用jquery easyui的js庫(kù)。

使用jQuery.validate驗(yàn)證表單中兩次密碼是否一致的時(shí)候遇到了一點(diǎn)小問(wèn)題,這是我編寫的代碼:

$("#aspnetForm").validate({
    rules: {
     txtName: {
      required: true
     },
     txtTrueName: {
      required: true
     },
     txtPass: {
      required: true,
      minlength: 3
     },
     txtTwoPass: {
      required: true,
      minlength: 3,
      equalTo: "#txtPass"
     },
     txtEmail: {
      required: true,
      email: true
     },
     txtAddress: {
      required: true
     },
     txtPhone: {
      required: true
     }
    },
    messages: {
     txtName: {
      required: "*請(qǐng)輸入用戶名"
     },
     txtTrueName: {
      required: "*請(qǐng)輸入姓名"
     },
     txtPass: {
      required: "*請(qǐng)輸入密碼",
      minlength: "*密碼不能小于3個(gè)字符"
     },
     txtTwoPass: {
      required: "*請(qǐng)輸入確認(rèn)密碼",
      minlength: "*密碼不能小于3個(gè)字符",
      equalTo: "*請(qǐng)?jiān)俅屋斎胂嗤闹?
     },
     txtEmail: {
      required: "*請(qǐng)輸入郵箱",
      email: "*請(qǐng)輸入正確的郵箱格式"
     },
     txtAddress: {
      required: "*請(qǐng)輸入地址"
     },
     txtPhone: {
      required: "*請(qǐng)輸入手機(jī)號(hào)碼"
     }
    }
   });

為什么明明我輸入的兩次密碼是一致的還一直提示我呢?試過(guò)不同的瀏覽器和不同版本的validate都是如此。

不知道大家有沒(méi)有遇到類似的問(wèn)題,我查閱了許多文章,總結(jié)了一下解決問(wèn)題的思路:

  • 先去去查看html頁(yè)面的兩個(gè)password型是否都賦值id了。
  • 或者檢索下頁(yè)面是否存在兩個(gè)txtPass的id。
  • 或者你先將equalTo去掉,在重新驗(yàn)證下,看看是否有存在其他錯(cuò)誤,沒(méi)有在倒回來(lái)排查這個(gè)地方。

希望這篇文章可以給大家一些啟發(fā),謝謝大家的閱讀,小編一定會(huì)再接再厲。

相關(guān)文章

最新評(píng)論