jQuery Validate 觸發機制

2021-07-29 08:36:18 字數 2521 閱讀 5769

lang="en">

charset="utf-8">

titletitle>

src="jquery-1.11.2.js">

script>

src="jquery.validate.min.js">

script>

$(document).ready(function

() )|(15[0-9])|(18[0-9]))+\d)$/.test(value));

}, "請正確填寫您的手機號碼。");

$(".inputform").validate(,

onfocusout: function

(element) ,

onclick: function

(element) ,

onkeyup: function

(element) ,

rules:

},datatype:"html",

datafilter:function

(data,type)else}}

},password:,

confirmpwd:,

email:,

mobile:

},messages:,

password:-之間")

},confirmpwd:,

email:,

mobile:

},errorplacement:function

(error,element),

submithandler: function

(form) );}

});});

script>

head>

class="inputform">

使用者名稱:lable>

type="text"

name="username"

class="username">

class="error_span">

span>

div>

密碼:lable>

type="password"

name="password">

class="error_span">

span>

div>

確認密碼:lable>

type="password"

name="confirmpwd">

class="error_span">

span>

div>

type="email"

name="email">

class="error_span">

span>

div>

手機:lable>

type="text"

name="mobile">

class="error_span">

span>

div>

type="submit">確認button>

type="reset">重置button>

div>

form>

body>

html>

當我刪除onfocusin: function(element) ,

onfocusout: function(element) ,

onclick: function(element) ,

onkeyup: function(element) ,

這四個觸發條件時,表單依然能驗證,為什麼沒有任何觸發**也能觸發驗證呢?

t(this.currentform).validatedelegate(":text, [type='

password'], [type='file'], select, textarea, [type='number'], [type='search'] ,[type='tel'], [type='url'], [type='email'], [type='datetime'], [type='date'], [type='month'], [type='week'], [type='time'], [type='datetime-local'], [type='range'], [type='color']

", "focusin focusout keyup", e).validatedelegate("

[type='radio'], [type='checkbox'], select, option", "click", e)

通過除錯發現刪除括號中的focusin focusout keyup就不會觸發email驗證了,並且留下其中哪乙個都無法觸發。

但其他輸入框仍在驗證,於是我繼續查詢原因,但是我現在只發現rules第三個引數裡每個引數只留下required就不會觸發。

在其中我新增了乙個驗證手機的方法,同上一樣,也是只留下required驗證就不會自動觸發驗證,在排查過程中也排除了瀏覽器版本的問題,再想研究其中的原始碼中的問題就有些看不太明白了,我還需繼續努力讓自己不斷提公升。

jquery validate 校驗心得

1.rule 裡面的設定的各個項是以name 做為關鍵字,莫以id做為唯一值。謹記 2.jquery.validator.format 的使用列子 button click function this is alert str str jquery.validator.format str,worl...

jQuery Validate外掛程式使用

這幾天一直在接觸驗證方面的工作,jquery validate是乙個比較常用的驗證外掛程式,說一下心得吧。效果圖類似 說乙個簡單的,現在需求是模板編號只能是正整數數字。控制項 如下 模板編號 接下來就是使用jquery了,第一步肯定是匯入js庫了,這個不用說,第二步開始寫js 解釋一下吧,首先jqu...

jQuery validate驗證方法

1 required true 必輸字段 2 remote remote valid.jsp 使用ajax方法呼叫remote valid.jsp驗證輸入值 3 email true 必須輸入正確格式的電子郵件 4 url true 必須輸入正確格式的 5 date true 必須輸入正確格式的日期...