位置: 编程技术 - 正文

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中删除节点方法)

  • 公司办理税务注销的相关规定
  • 企业所得税纳税人
  • 出口退税是先交税后退税吗
  • 税费退库怎么做凭证
  • 租赁费属于酌量收入吗
  • 一个人可以两家以上公司发放工资么
  • 购销合同签定有法律效力吗
  • 出纳人员去银行提取现金时应填写现金缴款单
  • 普通折叠发票代码是几位数
  • 获取清算行行号失败
  • 建筑服务适用简易计税吗
  • 防伪税控开具发票明细表
  • 车间一般性耗用材料会计分录
  • 联营扣点方案
  • 个体户要申报哪些报表
  • 固定资产评估是什么单位
  • 为什么纳税人不是负税人
  • 合理工资薪金的确认原则
  • 税金计提多了怎么办
  • 境内企业向香港股东分红税率是多少
  • 利润总额就是会计准则吗
  • win11重置系统保留我的文件
  • cpuz.exe
  • 使用筷子就餐会不会传染乙肝病毒
  • 前端vue实现预览excel
  • 销售农产品的进项税
  • 包装物损坏无法确认
  • Java8 Stream流Collectors.toMap当key重复时报异常(IllegalStateException)
  • netty websocket心跳
  • 金银首饰消费税计税依据
  • 拖拉机拖拉机耕地
  • 用支付宝支付的游戏
  • java webflux
  • js javascript
  • 企业处置固定资产发生的净损失应计入
  • 进项转出了还能再转进去吗
  • 国外购买土地
  • 当月开票可以当月勾选吗
  • 什么企业的应急预案需要备案
  • 年末未缴增值税应符合计算逻辑
  • 工程咨询服务发展指导意见坚持市场培优的原则
  • 投资的信托基金有哪些
  • 预收账款科目账龄怎么算
  • 还账准备计提方法
  • 长期股权投资成本法会计处理
  • 对公账户给私人账户转账,几天到账
  • 付款与开票单位不一致怎样做账
  • 物业公司开专票税率是多少
  • 财政返还什么意思
  • 总分类账示例
  • 内部审计人员独立性
  • 销售退货怎么开票
  • 备查账包括哪些
  • 新手学会计怎么学
  • SQL Server 2012 sa用户登录错误18456的解决方法
  • mysql导出查询结果sql
  • mac外接显示器不显示全部桌面
  • linux中man的用法
  • ubuntu下安装win10
  • linux磁盘分区表
  • centos5.8服务器
  • linux获取操作命令的使用方法或参数选项内容
  • win10web服务器在哪打开
  • ping命令详解步骤
  • 微软补丁发布时间
  • win7系统怎样安装字体
  • activity传递数据
  • linux中xargs的含义
  • 生成0-100的随机数,直到生成88为止,停止循环
  • 可输入文字查找的软件
  • 细说javascript
  • 关于怀孕在线咨询
  • js验证码代码怎么写
  • 专项附加扣除修改后,多扣的税
  • 应付和未付的区别
  • 进项税留抵是什么意思
  • 中欧班列补贴政策
  • 漳州市税务局电话多少
  • 2023年企业所得税计算公式表
  • 残疾人的房产可以买卖吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设