亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

groups 這個方法,顯示錯誤信息是最后一條!我想從第一條錯誤開始顯示,怎么做好?

groups 這個方法,顯示錯誤信息是最后一條!我想從第一條錯誤開始顯示,怎么做好?

蟄伏鴻鵠 2016-02-25 14:58:35
我想顯示這個效果,但實際是一點提交,顯示“請輸入聯系電話!”我的代碼如下//登錄表單驗證?$(document).ready(function(){ ? $("#submitForm").validate({ rules: { ?company: {? ? ? ? ? ? ? ? ? ? ?required: true,? ? ? ? ? ? ? ? ? ? minlength: 2,? ? ? ? ? ? ? ? ? ? maxlength: 10 ? ? ? ? ? ? ? ? }, ? ? user: {? ? ? ? ? ? ? ? ? ? ?required: true,? ? ? ? ? ? ? ? ? ? minlength: 2,? ? ? ? ? ? ? ? ? ? maxlength: 10 ? ? ? ? ? ? ? ? }, ? ? phone: {? ? ? ? ? ? ? ? ? ? ?required: true,? ? ? ? ? ? ? ? ? ? ? isPhone: true ? ? ? ? ? ? ? ? ? } }, messages: { company: {? ? ? ? ? ? ? ? ? ? ?required: '請輸入公司名稱!',? ? ? ? ? ? ? ? ? ? minlength: '公司名稱不能小于2個字符!',? ? ? ? ? ? ? ? ? ? maxlength: '公司名稱不能超過10個字符!' ? ? ? ? ? ? ? ??? ? ? ? ? ? ? ? }, ? user: {? ? ? ? ? ? ? ? ? ? ?required: '請輸入聯系人姓名!',? ? ? ? ? ? ? ? ? ? minlength: '公司名稱不能小于2個字符!',? ? ? ? ? ? ? ? ? ? maxlength: '公司名稱不能超過10個字符!' ? ? ? ? ? ? ?? ? ? ? ? ? ? ? }, ? phone: { required: '請輸入聯系電話!', ?isPhone: '請輸入一個有效的聯系電話!' ? ? ? ? ? ?? } }, submitHandler: function (form) { ? ? ?//通過驗證,運行函數? ? ? ? ? ? ? ? console.log($(form).serialize()); ? ? ? ? //form表單序列號? ? ? ? }, groups:{ login:"company user phone" }, errorPlacement:function(error,element){ error.appendTo("#error_tip"); }, errorElement: "em", //用來創建錯誤提示信息標簽 ?});? });??? // 聯系電話(手機/電話皆可)驗證?jQuery.validator.addMethod("isPhone", function(value,element) {?? var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/;?? var tel = /^\d{3,4}-?\d{7,9}$/;?? return this.optional(element) || (tel.test(value) || mobile.test(value));?});?
查看完整描述

3 回答

?
ruibin

TA貢獻358條經驗 獲得超213個贊

如果你想每一個判斷一下,你們在每一個input上面都綁定一個focusout事件就可以了(jquery),如果是手寫js那么就綁定一個blur事件就行了。

查看完整回答
1 反對 回復 2016-02-26
?
荼酒

TA貢獻133條經驗 獲得超96個贊

文本框可以設置click 和 keyup

查看完整回答
反對 回復 2016-02-25
?
pardon110

TA貢獻1038條經驗 獲得超227個贊

上代碼吧,基本判斷js寫的有問題.

查看完整回答
反對 回復 2016-02-25
  • 3 回答
  • 0 關注
  • 1775 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號