位置: 编程技术 - 正文

jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法

编辑:rootadmin

推荐整理分享jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

先给大家分享数据校验显示效果

Web前端数据校验组件

Web项目中客户端与服务端的交互离不开Form表单,Form表单中最常用的元素莫过于input标签,input标签首先要用的肯定是text文本框啦!

input文本框允许用户任意输入,难免会会有用户输入一些不符合规定的数据,此时,在提交之前对数据校验是很有必要的,如果等到提交到服务端再校验就会大大降低用户体验啦。

前端校验有很多现成的组件,比较好用的有 EasyUI 的 validatebox 插件,提示界面做的相当友好,只是validatebox 默认提供的校验规则比较有限,有时我们需要添加自己的校验规则。

自定义校验规则

添加新的校验规则时最好不要在EasyUI的源文件中进行,第一是避免因误操作而导致污染了EasyUi源码,更重要的是考虑到以后容易进行组件升级。所以最合理的办法是单独写自己的扩展文件。

比如:我在原有规则的基础上新增了以下三项校验,单独文件 easyui-extend-rcm.js:

jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法

自定义规则使用方式

在<head>中除了引入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提交的表单方法

具体写法是

jQuery添加删除DOM元素方法详解 本文实例分析了jQuery添加删除DOM元素的方法。分享给大家供大家参考,具体如下:介绍DOM是DocumentObjectModeule的缩写,一般来说,DOM操作分成3个方面。1、

jquery validate表单验证的基本用法入门 一、jQueryValidate插件的介绍jQueryValidate插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各

jQuery实现多级联动下拉列表查询框 本文实例介绍了jQuery实现多级联动下拉列表查询框的详细代码,分享给大家供大家参考,具体内容如下效果图:具体代码:htmlheadmetahttp-equiv="Content-Type"c

标签: jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法

本文链接地址:https://www.jiuchutong.com/biancheng/380634.html 转载请保留说明!

上一篇:jquery.validate 自定义验证方法及validate相关参数

下一篇:jQuery添加删除DOM元素方法详解(jquery中删除节点方法)

  • 小规模纳税人500万以内免税
  • 预交所得税分录怎么写
  • 资源税的纳税期限包括
  • 小规模纳税人不开票需要纳税吗
  • 工会经费应该怎么做账
  • 开具红字专用发票的条件
  • 费用怎么分析
  • 工会账户谁来管理
  • 财务月末结转成什么账户
  • 固定资产处置净损益计入什么科目
  • 损益类账户的会计要素有哪些
  • 股票属于现金及股票吗
  • 一般纳税人开6个点的票内容
  • 金税盘上报汇总是什么时候
  • 苹果手机m开头的序列号代表什么
  • 长期负债在报表哪里看
  • 有限责任公司出资方式有哪些
  • 收益相关的政府补助分录
  • vue组件相互引入
  • 私营合伙企业个税怎么算
  • 工会会员会费缴费证明怎么开
  • wlms.exe是什么
  • 其他应付款不用付了怎么处理
  • 股份有限公司变更法人的流程
  • 什么情况下专硕可以调剂学硕
  • 债转股税收优惠政策
  • 小米路由器青春版r1cl参数
  • 个人所得税部分缴纳
  • php的框架有哪些
  • 最好的ph计
  • css width height
  • pytorch 例子
  • php is_executable判断给定文件名是否可执行实例
  • 货币盘盈盘亏账怎么算
  • 递延所得税资产和所得税费用的关系
  • 个人出租租房交什么税
  • dedecms织梦不同栏目导航显示不同样式的方法
  • mysql常见报错
  • python如何对齐输出
  • 小型微利企业季度所得税怎么计算
  • 以前年度未结转
  • 旅行社开具的发票
  • 中级会计实务主观题怎么给分
  • 公司因担保产生损失
  • 在建工程什么意思
  • 工程项目前期费用包括哪些
  • 本年利润的会计科目代码
  • 清算后剩余财产股东拒收怎么办
  • 集装箱发票是否要在备注栏注明地址
  • 小规模纳税人增值税计算公式
  • 建筑企业工程施工科目怎么结转
  • 请问,制造企业有哪些?
  • 帐簿的保管期限
  • sql自定义变量
  • centos7基本环境选哪个
  • win8 win8.1
  • linux系统设置ntp同步
  • Linux系统怎么调整屏幕亮度
  • 苹果mac与平板的区别
  • services.exe是什么文件
  • 1.cpp执行的是什么文件
  • xp系统快捷启动按哪个
  • 如何使用调制解调器
  • linux添加系统调用的步骤
  • win10超级按钮
  • ssh permission denied password
  • 原生javascript开发
  • 电脑qq清理
  • 深入理解linux内核第三版
  • jquery焦点
  • pycharm编程入门
  • 深入理解javascript特性.pdf
  • shell脚本随机数
  • 批处理打开网络连接
  • 对activity的四种启动模式的理解
  • javascript面向对象编程指南 pdf
  • 最简单的十个菜
  • 增值税税率为6%,怎么计算税额
  • t+怎么取消记账凭证
  • 房契税发票丢了能补办吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设