jquery判斷輸入密碼兩次是否相等
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ì)再接再厲。
- jQuery實(shí)現(xiàn)6位數(shù)字密碼輸入框
- jQuery Easyui 驗(yàn)證兩次密碼輸入是否相等
- jquery.cookie.js 操作cookie實(shí)現(xiàn)記住密碼功能的實(shí)現(xiàn)代碼
- JQuery記住用戶名和密碼的具體實(shí)現(xiàn)
- 基于JQuery的密碼強(qiáng)度驗(yàn)證代碼
- 使用Jquery搭建最佳用戶體驗(yàn)的登錄頁(yè)面之記住密碼自動(dòng)登錄功能(含后臺(tái)代碼)
- IE下支持文本框和密碼框placeholder效果的JQuery插件分享
- JQuery記住用戶名密碼實(shí)現(xiàn)下次自動(dòng)登錄功能
- jquery 實(shí)現(xiàn)密碼框的顯示與隱藏示例代碼
- jquery 手勢(shì)密碼插件
相關(guān)文章
jQuery插件echarts實(shí)現(xiàn)的循環(huán)生成圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件echarts實(shí)現(xiàn)的循環(huán)生成圖效果,結(jié)合完整實(shí)例形式分析了echarts插件循環(huán)輸出數(shù)字圖形的實(shí)現(xiàn)步驟與相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03JQuery操作Select的Options的Bug(IE8兼容性視圖模式)
JQuery在IE8兼容性視圖模式下操作Select的Options的Bug在本文進(jìn)行重現(xiàn)并給出詳細(xì)的解決方法,感興趣的朋友可以參考下哈,希望對(duì)你有所幫助2013-04-04jQuery操作選中select下拉框的值代碼實(shí)例
這篇文章主要介紹了jQuery操作選中select下拉框的值代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-02-02jquery+ajax實(shí)現(xiàn)上傳圖片并顯示上傳進(jìn)度功能【附php后臺(tái)接收】
這篇文章主要介紹了jquery+ajax實(shí)現(xiàn)上傳圖片并顯示上傳進(jìn)度功能,結(jié)合實(shí)例形式分析了jQuery+ajax結(jié)合layer.js插件與php后臺(tái)交互,實(shí)現(xiàn)顯示上傳進(jìn)度的相關(guān)操作技巧,需要的朋友可以參考下2019-06-06jQuery實(shí)現(xiàn)帶延時(shí)功能的水平多級(jí)菜單效果【附demo源碼下載】
這篇文章主要介紹了jQuery實(shí)現(xiàn)帶延時(shí)功能的水平多級(jí)菜單效果,可實(shí)現(xiàn)響應(yīng)鼠標(biāo)事件延時(shí)展示菜單的功能,涉及jQuery結(jié)合時(shí)間函數(shù)動(dòng)態(tài)操作頁(yè)面元素屬性的相關(guān)技巧,需要的朋友可以參考下2016-09-09jQGrid動(dòng)態(tài)填充select下拉框的選項(xiàng)值(動(dòng)態(tài)填充)
這篇文章主要介紹了jQGrid動(dòng)態(tài)填充select下拉框的選項(xiàng)值(動(dòng)態(tài)填充)的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-11-11jQuery實(shí)現(xiàn)平滑滾動(dòng)頁(yè)面到指定錨點(diǎn)鏈接的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)平滑滾動(dòng)頁(yè)面到指定錨點(diǎn)鏈接的方法,涉及jquery鼠標(biāo)事件及頁(yè)面滾動(dòng)的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07