JQUERY EASYUI 驗證框(VALIDATEBOX)用法

JQuery EasyUI 驗證框(ValidateBox)在表單的驗證方面給咱們提供了很方便的方法

<input id="vv" required="true" validType="email">

屬性

屬性名	類型	描述	默認值
required	布爾	定義文本域是否爲必填項	false
validType	字符串	定義字段的驗證類型，好比email, url, etc.	null
missingMessage	字符串	當文本框爲空時提示的文本信息	This field is required.
invalidMessage	字符串	當文本框內容不合法時提示的文本信息	null

方法

方法名	參數	描述
destroy	none	刪除而且銷燬組件
validate	none	作驗證以肯定文本框的內容是不是有效的。
isValid	none	調用驗證方法並返回驗證結果，true或者false

注意這裏除了required屬性外,若validType屬性失敗.並不會阻止表單提交..因此咱們這裏若是要阻止表單提交，就又要利用jquery ui提交的表單方法

具體寫法是

$(":submit").click(function(){
if(!$("#form").form('validate')){
return false;
}
})

#form是<form>表單的ID