JQUERY EASYUI 验证框(VALIDATEBOX)用法

2019独角兽企业重金招聘Python工程师标准>>>

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

转载于:https://my.oschina.net/ajian2014/blog/315468