easyui validatebox如何初始化时不显示红色校验框

最新推荐文章于 2021-08-05 14:42:26 发布
最新推荐文章于 2021-08-05 14:42:26 发布
阅读量594 收藏
点赞数
分类专栏： easyui 文章标签： easyui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jian_dan_kuai_le/article/details/106357194
版权
本文记录了在使用EasyUI时遇到的问题，即如何在初始化时不显示validatebox的红色校验框。通过参考相关文章并尝试，提出了解决方案——在初始化时禁用校验，当元素获取焦点时再启用校验，从而达到预期效果。
摘要由CSDN通过智能技术生成

遇到的问题## 标题
截图如下:
在这里插入图片描述
要求是初始化时,不显示红色的校验框
参考文章:http://www.jeasyui.net/plugins/167.html,这里介绍了validatebox的属性/方法等
暂时没找到更好的解决办法,想法时初始化的时候先禁用校验,focus时再启用校验,具体实现如下:

$('#aipCategoryCode').validatebox('disableValidation')
        .focus(function (
最低0.47元/天 解锁文章
jian_dan_kuai_le
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
easyui 验证时进入页面就显示红色，不是白色
qq_25333595的博客
11-03 1297
在form中加入了 class="easyui-form"  data-options="novalidate:true" 但是不好使，进入页面之后还是显示红色， 在同事的帮助下，想到了一个办法，先用js把验证关掉 例如： var $bodydiv = $("div[name='xxx']"); var $table = $bodydiv.find("table[name='xxx']")
jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法
10-22
通过以上知识点，开发者可以了解到在使用jQuery EasyUI框架的validatebox组件进行前端数据校验时，如何扩展校验规则以满足特定需求，以及如何正确实现和使用这些自定义的校验规则。这样的实践能极大地优化Web应用的...
easyui textarea validate显示异常（即默认不红色边框显示）
m0_38136783的博客
10-30 474
在写html中， <textarea id="xyz" required class="textbox xxx" name="xyz"> </textarea> 鉴于<textarea>和</textarea>中间进行换行，则默认不为空，故，不会显示红色
设置easyui-validatebox初始化数据时不校验
长镜头
05-06 1269
disableValidation:禁用校验 enableValidation:开启校验 //写在function里面，加载页面时就禁用验证，点击input框开启 $(function(){ $('input.easyui-validatebox').validatebox('disableValidation') .focus(function () { $(this).valida...
easyui验证文本框点进页面的边框是白的，点击保存文本框为空时边框是红色
gx18331567741的博客
07-26 354
HTML <input class="easyui-textbox" type="text" id="name"data-options="required:true"/>//首先在页面上加上required:true，是否需要验证 JS $('#name').textbox('disableValidation')//在弹出窗体的方法里先去除验证的样式 $('#name').textbox('enableValidation')//在保存的方法里再加上需要验证的样式 //如果是comb
validatabox必填校验错误
风火一回，一生不毁
07-30 965
在使用jquery-easeyui时发现必填校验出错，无论有值没值都通不过验证。 必填校验class="validatabox" data-options="required:true;" 对于文本框： 报卡名称： 在文本框内直接使用validatabox是没有问题的。 但是对于combobox等继承了validatabox属性的控件却不能直接在class中声明valid
easyui validatebox验证
09-02
在实际应用中，我们可以在页面加载完成后，通过jQuery选择器选中需要验证的表单元素，并调用validatebox()方法来初始化验证。这样，当用户提交表单或者在输入框失去焦点时，系统就会根据定义的验证规则来校验输入...
jQuery插件EasyUI校验规则 validatebox验证框
10-23
知识点解析： 1. jQuery EasyUI介绍： jQuery EasyUI是一个基于jQuery的前端UI框架，...通过上述方法，可以灵活地在使用jQuery EasyUI开发Web应用时扩展validatebox的校验规则，以实现更复杂、更专业的数据校验功能。
jquery easyui validatebox remote的使用详解
11-30
jQuery EasyUI 是一款基于 jQuery 的前端开发框架，它提供了一系列组件，使得构建用户界面更为便捷。其中，`validatebox` 是一个用于表单验证的组件，它可以对输入字段进行多种类型的验证，确保用户输入的数据符合...
打开编辑页面时为文本框赋值后去掉easyui中validatebox的红框
老徐的博客
08-21 2465
$("#EditTitle").val(data.KNOWLEDGE_TITLE);首先赋值 $('#EditTitle').validatebox('validate');赋值完后再进行验证
jquery-easyui必填项隐藏问题的处理方案
xuexiaodong2009的专栏
11-25 5424
使用jquery-easyui制作用户界面，必填项很简单，需要需要简单的一个简单的属性data-options="required:true" 就可以把一个输入变成必输项。 但实际问题却是，在某些情况下，即使隐藏了必输项，却依然没办法提交，提交时弹出有必输项没有输入！！    使用jquery-easyui的方法就是如果隐藏了，就把必输项标志去掉。也就是使用类似如下的代码。   $('
EasyUI动态设置控件是否必填 （required）
hello_world_1996的博客
03-23 5233
前端框架：EasyUI 最近在工作中需要根据表单中的填入或选择的数据，对某些表单控件进行必填或非必填的动态设置。 目前使用到的控件：combobox ， textbox ， validatebox //设置为必填 $('#id').combobox({ required:true }); $('#id').textbox({ requ
EasyUI关于 numberbox,combobox,validatebox 的几个小问题
weixin_30747253的博客
02-27 122
　　在最近的项目中，首次使用到了 网页的一个布局框架——EasyUI,感觉这个框架特别牛，兼容性很不错，页面效果也挺不错，可是在使用标题上三个控件过程中遇到几个很奇特的问题，让我头疼不已，所以在此给广大IT 爱好者分享一下，希望能帮助到你们。 问题一：numberbox 数字验证框使用时，在两个单选按钮互相选择时执行一个 输入框（也就是这个numberbox）对象 禁用和启用得操作，当选择单选按...
EasyUI表单验证填坑
阿飞好累的博客
05-17 925
1、easyui表单的基本验证1.1 使用class创建验证框 class=“easyui-validatebox”验证框（validatebox）是为了验证表单输入字段而设计的。如果用户输入无效的值，它将改变背景颜色，显示警告图标和提示消息。验证框（validatebox）可与表单（form）插件集成，防止提交无效的字段。（1）验证必填  就是required="required"&lt;tr&...
validatebox ajax验证,validateBox（验证框） - jQuery EasyUI中文文档 - EasyUI中文站
weixin_29887801的博客
08-05 299
ValidateBox(验证框)使用$.fn.validatebox.defaults重写默认值对象。validatebox(验证框)的设计目的是为了验证输入的表单字段是否有效。如果用户输入了无效的值，它将会更改输入框的背景颜色，并且显示警告图标和提示信息。该验证框可以结合form(表单)插件并防止表单重复提交。通过标签创建验证框。使用Javascript创建验证框。$('#vv').valida...
常用正则整理
sam2_huang的博客
11-25 115
一种简单的正则表达式验证工具：浏览器的地址栏！ 输入javascript:/^\s*$/.test(" "); 回车后，得到true； 输入javascript:/^\s*$/.test("0"); 回车后，得到false。 常用正则： [code="javascript"] javascript:/^\s*$/.test(" "); javascript:/^\d+$/....
EasyUI ValidateBox组件详解：加载、属性与自定义验证
在本章第21节中，我们深入探讨了EasyUI框架中的ValidateBox（验证框）组件的使用。ValidateBox是一个关键的交互控件，用于在用户输入数据时进行实时验证，确保数据的正确性和完整性。这一组件的学习要点主要围绕以下...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值