jQueryeasyui的validatebox校验规则扩展及easyui校验框validatebox用法_jquery
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jQueryeasyui的validatebox校验规则扩展及easyui校验框validatebox用法_jquery，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2606字，纯文字阅读大概需要4分钟。
内容图文
先给大家分享数据校验显示效果
Web前端数据校验组件
Web项目中客户端与服务端的交互离不开Form表单，Form表单中最常用的元素莫过于input标签，input标签首先要用的肯定是text文本框啦！
input文本框允许用户任意输入，难免会会有用户输入一些不符合规定的数据，此时，在提交之前对数据校验是很有必要的，如果等到提交到服务端再校验就会大大降低用户体验啦。
前端校验有很多现成的组件，比较好用的有 EasyUI 的 validatebox 插件，提示界面做的相当友好，只是validatebox 默认提供的校验规则比较有限，有时我们需要添加自己的校验规则。
自定义校验规则
添加新的校验规则时最好不要在EasyUI的源文件中进行，第一是避免因误操作而导致污染了EasyUi源码，更重要的是考虑到以后容易进行组件升级。所以最合理的办法是单独写自己的扩展文件。
比如：我在原有规则的基础上新增了以下三项校验，单独文件 easyui-extend-rcm.js：
自定义规则使用方式
在
中除了引入EasyUI的文件之外，还要引入自己的扩展文件，顺序在EasyUI文件之后：然后在Html中如下引用即可，一定要加Class 和 data-options两个属性：
详解jQuery easyui 校验框validatebox用法
JQuery EasyUI 验证框(ValidateBox)在表单的验证方面给我们提供了很方便的方法
属性
|
属性名
|
类型
|
描述
|
默认值
|
|
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提交的表单方法
具体写法是
内容总结
以上是互联网集市为您收集整理的jQueryeasyui的validatebox校验规则扩展及easyui校验框validatebox用法_jquery全部内容，希望文章能够帮你解决jQueryeasyui的validatebox校验规则扩展及easyui校验框validatebox用法_jquery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。