成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導航首頁 ? 技術教程 ? jquery判斷輸入密碼兩次是否相等
全站頭部文字 我要出現在這里
jquery判斷輸入密碼兩次是否相等 585 2024-03-18   

Jquery easyui是一個非常好的ui框架,但是表單驗證中沒有最常用的判斷兩個輸出框中值相等的驗證,所以我做了下擴展。

$.extend($.fn.validatebox.defaults.rules, {  
  /*必須和某個字段相等*/ 
  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/> 
確認密碼:<input type="password" name="repassword" id="repassword" required="true" class="easyui-validatebox" validType="equalTo['#password']" invalidMessage="兩次輸入密碼不匹配"/> 

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

使用jQuery.validate驗證表單中兩次密碼是否一致的時候遇到了一點小問題,這是我編寫的代碼:

$("#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: "*請輸入用戶名"
          },
          txtTrueName: {
            required: "*請輸入姓名"
          },
          txtPass: {
            required: "*請輸入密碼",
            minlength: "*密碼不能小于3個字符"
          },
          txtTwoPass: {
            required: "*請輸入確認密碼",
            minlength: "*密碼不能小于3個字符",
            equalTo: "*請再次輸入相同的值"
          },
          txtEmail: {
            required: "*請輸入郵箱",
            email: "*請輸入正確的郵箱格式"
          },
          txtAddress: {
            required: "*請輸入地址"
          },
          txtPhone: {
            required: "*請輸入手機號碼"
          }
        }
      });

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

不知道大家有沒有遇到類似的問題,我查閱了許多文章,總結了一下解決問題的思路:

先去去查看html頁面的兩個password型是否都賦值id了。 或者檢索下頁面是否存在兩個txtPass的id。 或者你先將equalTo去掉,在重新驗證下,看看是否有存在其他錯誤,沒有在倒回來排查這個地方。

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



主站蜘蛛池模板: 辰巳ゆい| 绝望的主妇第八季| 夜半2点钟| 金鸳鸯| 质量教育培训的首要内容是() (单选题)| 女性生殖刺青全过程| 袁波| 大秦帝国第一部免费版| 天涯海角论坛官网登录入口| 李美淑主演的师生恋电影在线观看 | 凤穿牡丹| 父子刑警| 去分母解一元一次方程100道及答案| 难兄难弟 电影| 与心有关的成语| 向东海| 下女们| 路易·德·菲奈斯| 美人邦| 我的孩子我的家 电视剧剧情介绍 最爱电影完整版在线观看免费高清 | 夜店 电影| 忏悔三昧全文及回向文| 母与子| 姐妹大结局45集剧情介绍| 《诱惑》电影| 听说 电影| 喜羊羊电影| 一级片黄色毛片| 陈颖芝三级| 康熙微服第二部免费版第24集| 豪勇七蛟龙 电影| 桐谷| 安徽卫视| 色,戒在线观看| 漂亮主妇| 巴霍巴利王2国语版在线观看免费| 雪山飞狐 1991 孟飞| 心经般若波罗蜜多心经全文 | 世界赠予我的钢琴曲| 迟志强简历| 疯狂试爱2|

!!!站長長期在線接!!!

網站、小程序:定制開發/二次開發/仿制開發等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103