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