位置: 编程技术 - 正文

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

  • 进项税转出的会计凭证
  • 生产企业免抵退税申报步骤
  • 预缴所得税退回
  • 出口退税申报的发票无电子信息是什么意思
  • 分公司非独立核算
  • 库存商品余额在借方
  • 胶水开票开什么类目
  • 开出已验旧的发票怎么办
  • 出售无形资产的净损失
  • 应纳税额滞纳金
  • 企业股权无偿划转是否征税
  • 纳税人取得不动产进项税额怎么抵扣
  • 企业相互之间借款合法吗
  • 发票开什么明目列福利费
  • 租赁房使用权和所有权冲突
  • 取得稳岗补贴后怎么办
  • 公司为职工缴纳的医保不计入账户吗
  • 产品售后产生材料费会计核算
  • 无租使用房产协议
  • 管理费是否需合计
  • 财政返还额度会计分录
  • 捐赠固定资产资产处置损益
  • 按产品的品种型号规格规定的计划
  • 一般纳税人出租不动产
  • 欠税不交的后果 个人
  • 当月交当月社保费会计分录
  • deepin 20 wifi
  • 年末结转利润分配账户的借方余额表示
  • phpstrcmp函数
  • 房地产开发企业增值税怎么算
  • php cookie session
  • css 100vw、100vh出现滚动条怎么解决
  • mnist数据集下载码
  • 预提费用计提的分录
  • vue3.0实战项目
  • 企业会计准则季报利润表本期金额怎么填
  • 小规模能取得专用发票吗
  • 资产负债表上应付账款根据什么填制
  • 如何禁用笔记本键盘触摸板
  • 织梦怎么建站
  • 可转债可以不卖吗
  • 资产处置损益明细表货币资金怎么填
  • 税前扣除的支出
  • 递延收益的摊销时点
  • 个人所得税劳务所得
  • 进口退货退税
  • 增值税期末留抵退税原因采集确认单
  • 收到员工生育津贴怎么做分录
  • 发票不按实际数量单价开 但金额一致
  • 公司赞助学校
  • 如何理解啥意思
  • 服务佣金最高可以收多少
  • 支付银行手续费等直接收费金融服务
  • 企业会计准则基本准则
  • sqlserver 断开数据库连接
  • Windows server 2008下如何安装应用程序
  • UBUNTU怎么安装MPEG-4解码器
  • wintogo.exe
  • 系统的虚拟内存可以清理吗
  • windows个性化设置在哪里
  • xp系统怎么取消用户登录
  • win10系统回收站损坏了怎么恢复
  • win7电脑老是跳出弹窗广告怎么办
  • dropbox怎么在国内使用
  • centos init
  • schost.exe - schost是什么进程 有什么用
  • win7弹出cmd窗口瞬间消失
  • 如何清楚windows搜索记录
  • win8 Could not load type System.ServiceModel.Activation.HttpModule 错误解决方案
  • 在linux系统中拥有
  • 游戏引擎有几种
  • Unsolved bug in fltk-1.1.10/src/filename_list.cxx for scandir --已解决!
  • 超级给力的好人有哪些
  • 安卓实时屏幕
  • 简单的智能家居
  • 又一枚精彩的弹幕效果jQuery实现
  • 文化事业建设费是什么税
  • 吉林省残疾人保障金减免政策
  • 仓储物流用地属于商业用地吗
  • 企业所得税年报什么时候开始申报
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设