位置: 编程技术 - 正文

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

  • 一次性购入固定资产投资收益
  • 期间费用明细表怎么填
  • 非上市公司股权转让涉及哪些税
  • 项目税后现金流量的计算方法
  • 机械租赁税率是10个点还是9个点
  • 预算会计退回预付差旅费如何记账?
  • 付钱给对方会计分录
  • 企业会计制度固定资产保险费
  • 预缴的附加税月末结转吗
  • 免税商品进项增值税发票怎么做账
  • 工资发放凭证由谁出具
  • 收到补价时应确认收益,支付补价时不能确认收益
  • 公司对员工的罚款最多可以罚多少
  • 淘宝店注册公司流程
  • 培训费用开具什么发票
  • 企业减免税会计分录
  • 该期已经申报此税种且数据已提交,不能预约扣款
  • 雇员个人所得税
  • 购买防疫物资计划
  • 收购破产债权
  • 建筑业预缴税款怎么退税
  • 私募股权投资
  • 电脑经常蓝屏修复
  • 该系统的软件
  • 小规模纳税人减免增值税的优惠政策
  • 遗失发票如何处理好
  • 外账的结转成本是什么
  • linux mint 20.1安装
  • 贷款损失准备是什么类科目
  • 收到银行存款利息会计分录
  • sk是什么软件的缩写
  • php编程技术
  • window.location.href返回值
  • php框架选择2021
  • php checkbox使用
  • 基于卷积神经网络的网络入侵检测算法设计与实现
  • yii2.0框架
  • 用友t6模块
  • 收入的确认规则
  • php框架symfony
  • 在建工程转入固定资产后又发生了后期支出会计处理
  • 企业开办前需要预测现金流量计划吗
  • 购买材料发票未到如何做账?
  • 税务局核定税种流程
  • 出口货物备案单证目录怎么填
  • 怎么做掉公司账面库存100万
  • 销售费用期末余额
  • 股票质押式回购交易是什么意思
  • 应收票据的分录怎么做
  • 付给其他公司的服务费怎么记账
  • 淘宝卖家运费险为什么越来越贵
  • 建账要求
  • 专利年费可以减免吗
  • 其他收入属于什么收入
  • sql事务处理
  • win7怎么隐藏我的电脑
  • win7电脑开机声音怎么改
  • Ubuntu操作系统安装步骤
  • cmd.exe是什么意思
  • windows8如何进入bios
  • d命令怎么用
  • Java中string类型比较大小
  • node.js连接数据库的代码
  • nodejs的应用场景和优缺点
  • cocos2d-x教程
  • css checked
  • node.js中的http.response.end方法使用说明
  • 用python写周字
  • nodejs教学视频
  • bootstrap基础教程pdf
  • jquery去除class
  • 怎么查其他公司的财务报表
  • 国税系统升级后怎么添加办税人
  • 广东省电子居住证怎么查看
  • 四川地方税务局网址是什么
  • 临时税务登记纳税人
  • 如何在国税网查企业年金
  • 如何查询甘肃省志愿录取状态
  • 经营碎石的税点多少
  • 新疆税务服务网
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设