EasyUI的ValidateBox校验检查

最新推荐文章于 2019-09-02 09:25:42 发布
原创 最新推荐文章于 2019-09-02 09:25:42 发布 · 446 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#easyui

本文介绍了一种将前端输入框的必填项设置存储在数据库中的做法，这种方法允许通过数据库动态调整前端表单的验证规则，如required和disabled属性。但同时也提到了这种做法可能导致的问题及解决方法。

项目中遇到的输入框的required，是配置在数据库中的，而非写死在Jsp中。

 

这样的做的好处是，可以通过数据库配置，动态的修改项目的required、disabled等属性。但坏处是当前台与数据库的class没对应上时，$("#dbdmUpdateForm").form("validate");校验就会无法通过。但是页面上显示的却非报红状态。这时就需要用chrome控制台来检查了。


 

如下图，右键点击检查。
 

 

会在该input框中的class属性中看见  validatebox-invalid。表示该验证框处于验证未通过状态。

 
 如果校验通过，class属性中将不会有 validatebox-invalid

 

 

 

 

easyui validatebox如何初始化时不显示红色校验框
jian_dan_kuai_le的博客
05-26 693
遇到的问题## 标题 截图如下: 要求是初始化时,不显示红色的校验框 参考文章:http://www.jeasyui.net/plugins/167.html,这里介绍了validatebox的属性/方法等 暂时没找到更好的解决办法,想法时初始化的时候先禁用校验,focus时再启用校验,具体实现如下: $('#aipCategoryCode').validatebox('disableValidation') .focus(function () { $(this).validatebox
jquery easyui validatebox remote的使用详解
11-30
总结，jQuery EasyUI 的 `validatebox` 提供了强大的表单验证功能，`remote` 验证则允许我们在服务器端执行复杂的验证逻辑，从而提高数据验证的准确性和安全性。在实际应用中，合理地利用这些工具能够提升用户体验，...
easyui自定义表单验证规则
tyjlearning的博客
01-25 863
(function($) {     /**      * 新增 validatebox 校验规则      *      */ /**  * 扩展easyui的validator插件rules，支持更多类型验证  */   $.extend($.fn.validatebox.defaults.rules, {   equaldDate: {  //日期        vali
eayui的validatebox分析
hqmln的博客
10-11 179
在分析eayui的validatebox的源代码中发现，该验证框架不支持删除验证的方法，在api中可以看见有个destroy方法，这个方法不是用来删除验证的，而是把元素和验证都一块删除,所以不符合逻辑。 为此我写了一个删除验证的方法： /* *@param elemId 元素的id *删除easyui已有的验证 */ function delRules(elemId){ va...
easyui 动态必填项提示
world_the_begin的博客
01-28 3753
方法一： $.extend($.fn.validatebox.methods, {             remove: function(jq, newposition){                 return jq.each(function(){                     $(this).removeClass("validatebox-text validatebo...
easyUi 校验validatebox大全
diaokang2511的博客
03-04 240
<input id = "newPwd" class="easyui-validatebox" type="password" name="newPwd"data-options="required:true" validType="password"/>找到password对应的ID $ .extend( $.fn.validatebox.def...
easyui validatebox-invalid样式修改
weixin_33881753的博客
06-14 735
easyui的做校验非常方便，但是UI 红色边框感叹号提示不好看 去themes/default/easyui.css这个样式文件里面找.validatebox-invalid的样式（具体修改你引入的easyui.css文件） 把border-color的样式修改其他颜色，或者直接去除自定义好看的边框颜色 把background-p_w_...
jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法
10-22
通过以上知识点，开发者可以了解到在使用jQuery EasyUI框架的validatebox组件进行前端数据校验时，如何扩展校验规则以满足特定需求，以及如何正确实现和使用这些自定义的校验规则。这样的实践能极大地优化Web应用的...
easyui validatebox验证
09-02
EasyUI中的Validatebox是一个用于表单验证的组件，它可以在用户输入时验证数据的合法性。本文将详细介绍easyui validatebox的使用方法和一些自定义验证规则的设置。 首先，easyui validatebox的基本使用方法是通过...
Easyui 表单点击提交 验证不通过时 提示哪个填写不符合要求
tyjlearning的博客
01-03 3901
if (!isValid) {  $('.textbox-focused').find('input').click();  //$.messager.alert('提示','请按要求填写！');  unButtonClick($('.submit-bnt'),'','submitForm();');  }
Jquery Easyui验证组件ValidateBox使用详解（20）
10-20
主要为大家详细介绍了Jquery Easyui自定义下拉框组件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
jqueryEasyUI TagBox获取值的方法
现役码农的博客
09-02 3002
最近由于需求，需要用到这个控件。在编写过程中出现了几个小插曲，记录下来。 下面是测试代码，引入jquery和jqueryeasyui后可以直接运行。 <body> <div style="margin:20px 0;"></div> <div class="easyui-panel" style="width:100%;max-width:400...
easyui-validatebox 验证
07-07 764
　　　required: "必选字段", remote: "请修正该字段", email: "请输入正确格式的电子邮件", url: "请输入合法的网址", date: "请输入合法的日期", dateISO: "请输入合法的日期 (ISO).", number: "请输入合法的数字", d...
easyUi动态验证提示信息的清除
志超的专栏
12-26 1万+
在使用带 validatebox 的输入框，第一次没输入出现如图验证提示信息 但是点击窗口取消后，再次打开窗口后输入框仍然带有验证信息，查看APi也没有找到解决的方法于是分析了一下页面代码，采用下面处理成功，      $(".validatebox-tip").remove(); $(".validatebox-invalid").removeClass("validatebox-
扩展easyui validatebox的两个方法.移除验证和还原验证
03-06 1万+
$.extend($.fn.validatebox.methods, { remove: function(jq, newposition){ return jq.each(function(){ $(this).removeClass("validatebox-text validatebox-invalid").unbind('focus.validatebox').u
easyui validatebox 去除校验 绑定校验
隐0士的博客
08-31 3180
官网有绑定和解绑的方法，不过要在1.3.4之后的版本才可以用，所以在这之前的只能扩展了。 $.extend($.fn.validatebox.methods, {     remove: function (jq, newposition) {         return jq.each(function () {             $(this).removeClass(
easyUI之表单验证validate
热门推荐
风凌旭的专栏
10-14 1万+
文本框校验,在easyUI的表单提交中，最常见的就是对文本框的校验，不同类型的输入项需要不同的校验类型,用户可以使用自带的验证类型也可以进行自定义。 1、普通文本框的非空校验 其中class属性为必写项，如果不写验证框架则会缺少警告样式，required表示该文本框是否为必填项，为true时表示必填。 2、自定义验证类型 有时在进行表单验证时，有些文本框非必填但若输入内容却需要验证内容
扩展easyui validatebox的两个方法 移除验证和还原验证
hfrujhv的博客
11-09 477
扩展easyui validatebox的两个方法 移除验证和还原验证
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值