位置: 编程技术 - 正文

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

  • 建筑公司收到预付款怎么开票
  • 税控盘注意事项
  • 印花税会计分录最新
  • 一张记账凭证写两个分录
  • 法人股东分红交什么税
  • 话费充值发票可以入账吗
  • 增值税申报表与财务报表不一致
  • 卫生清理费计入什么科目
  • 个人到税务局开发票要带什么东西
  • 一般纳税人免税政策
  • 退税降低
  • 衍生金融资产的核算
  • 劳动保护费在企业怎么交
  • 开公司后如何报个税申报
  • 公司股票卖出会计处理
  • 增值税附加税计入什么会计科目
  • 个人提前退休取得的一次性补贴收入免征
  • 工伤赔款付医药费怎么会计分录
  • 房地产开发劳务合同范本
  • 人均营收指标
  • 增值税纳税申报表怎么填
  • 小规模印花税减免性质代码怎么填
  • 办公室装修合同印花税怎么缴纳?
  • dwg文件怎么打开
  • 英雄联盟登录失败7502013
  • 老板拿的手机
  • 支付工程款需要什么财务手续
  • 日志文件的名称和位置是什么
  • 清算期间会计科目
  • 银行本票实际金额小于票面金额
  • php句法规则详解图
  • 二手车 交易税费
  • php代码检测
  • php xml转数组
  • php获取url内容
  • 零申报怎么做报表
  • auto系列软件
  • 微信小程序开发公司
  • conda操作
  • php静态方法可以被继承吗
  • git主干
  • 税务局规定500元以下收据的要求
  • dubbo 实现原理
  • openglskia是什么意思
  • 2022最新款带采集功能抖音壁纸小程序源码
  • 软件行业的成本核算
  • 购进已经折旧提完的二手车
  • 环保企业会计分录
  • 印花税该是如何征收的
  • 公司个税如何申报流程
  • 长期应付款科目的涉税风险
  • 商誉的算法
  • 网上报税流程演示2019
  • 免税店为什么没有发票
  • 如何查询公司的营业执照照片
  • 预付账款暂估是什么意思
  • 安装mysql失败原因
  • 深度Win7 64位系统默认输入法图标如何个性化设置
  • linux安装mailx
  • 安装操作系统win10
  • centos 3
  • Win7系统重装后鼠标键盘不能用怎么办
  • icloud怎么加密码
  • win7u盘没有安全选项卡
  • Win10打开或关闭系统图标里开怎么灰色的
  • linux apt apt-get
  • windows8如何使用
  • 深入浅出android开发
  • 快速掌握一个方法
  • cocos2d怎么用
  • js关闭子窗口
  • 获取某个div的高度
  • jquery插件是干什么的
  • unity的invoke
  • 企业购车需要交消费税吗
  • 小规模国税申报表填写方法
  • 网上预约挂号能退吗
  • 印花税应税凭证数量是什么意思
  • 地税局开发票流程?
  • 法治税务示范基地枫桥
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设