`

EasyUI的ValidateBox校验检查

阅读更多

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

 

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


 

如下图,右键点击检查。
 

 

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

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

 

 

 

 

  • 大小: 6.7 KB
  • 大小: 50.8 KB
  • 大小: 14.9 KB
  • 大小: 13.8 KB
分享到:
评论

相关推荐

    jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法

    通过以上知识点,开发者可以了解到在使用jQuery EasyUI框架的validatebox组件进行前端数据校验时,如何扩展校验规则以满足特定需求,以及如何正确实现和使用这些自定义的校验规则。这样的实践能极大地优化Web应用的...

    easyui validatebox验证

    EasyUI中的Validatebox是一个用于表单验证的组件,它可以在用户输入时验证数据的合法性。本文将详细介绍easyui validatebox的使用方法和一些自定义验证规则的设置。 首先,easyui validatebox的基本使用方法是通过...

    jquery easyui validatebox remote的使用详解

    总结,jQuery EasyUI 的 `validatebox` 提供了强大的表单验证功能,`remote` 验证则允许我们在服务器端执行复杂的验证逻辑,从而提高数据验证的准确性和安全性。在实际应用中,合理地利用这些工具能够提升用户体验,...

    jQuery插件EasyUI校验规则 validatebox验证框

    知识点解析: 1. jQuery EasyUI介绍: jQuery EasyUI是一个基于jQuery的前端UI框架,...通过上述方法,可以灵活地在使用jQuery EasyUI开发Web应用时扩展validatebox的校验规则,以实现更复杂、更专业的数据校验功能。

    easyui关于validatebox实现多重规则验证的方法(必看)

    在本文中,我们将深入探讨EasyUI中的ValidateBox组件如何实现多重规则验证,这对于创建高效且具有严格输入验证的Web应用程序至关重要。EasyUI是一个基于jQuery的轻量级UI框架,提供了一系列易于使用的组件,包括我们...

    jQuery设置Easyui校验规则(推荐)

    本文将详细介绍如何使用jQuery设置EasyUI的校验规则。 首先,jQuery EasyUI的验证功能是通过`validatebox`组件来实现的。`validatebox`可以为表单元素添加验证规则,确保用户输入的数据符合预设条件。在上述代码...

    jquery easyUI中ajax异步校验用户名

    在上述代码段中,首先定义了表单验证的函数,使用了jquery easyUI中的validatebox组件来对用户名和登录名进行校验。validatebox组件的配置项包括是否必填(required)、缺失时的提示信息(missingMessage)等。此外,对...

    easyUI简单登录demo

    登录界面通常包括输入框(input)、密码框(password)和按钮,这些元素的样式可以通过 EasyUI 的 CSS 类来设置,如 `.easyui-input`, `.easyui-validatebox` 和 `.easyui-button`。 4. **验证机制**:在登录功能中...

    JQuery EasyUI 1.0.5 离线文档

    jQuery EasyUI 1.0.5增加了validatebox组件的的校验器。 4. jQuery EasyUI 1.0.5改进了dialog组件,目前dialog组件可以从标记中读取collapsible,minimizable,maximizable和 resizable属性 5. jQuery EasyUI 1.0.5...

    Jqurey-easyui验证

    jQuery-easyUI提供了一种便捷的方式来实现前端验证,特别是对于远程Ajax校验,使得我们可以实时检查用户输入的有效性,而无需立即提交表单。本文将详细介绍如何在jQuery-easyUI中进行远程Ajax验证,并讲解如何获取...

    Easyui-datagrid编辑模式详解

    $.extend($.fn.validatebox.defaults.rules, { sdatecompare: { validator: function(value, param) { var end = param[0]; if (typeof end === 'string') { end = $(param[0]); // 结束日期 selector } if ...

    EasyUI中在表单提交之前进行验证

    <input type="text" name="username" class="easyui-validatebox" data-options="required:true,validType:'length[6,20]'" /> ``` 在这个例子中,`username`字段被设置为必填,并且要求长度在6到20个字符之间。 ...

    jQuery_EasyUI中文帮助手册(带目录)

    - 表单验证(validatebox):对表单元素进行校验。 - 自定义组合框(combo):创建自定义下拉列表。 - 可装载组合框(combobox):下拉列表中可以选择或输入值。 - 组合树(combotree):结合了树形控件和下拉列表的功能...

    jQuery_EasyUI

    - **实现方法**:使用`.validatebox()`方法设置验证规则。 #### 八、Documentation 文档 ##### 知识点1:Base 基础组件 - **概念**:介绍EasyUI中常用的基础组件及其用法。 - **组件**:包括EasyLoader、Draggable...

    JS版本EasyUI应用说明

    通过使用validateBox和validate方法,可以实现表单的数据校验,确保用户输入的有效性。 5. **布局(Layout)** 布局组件用于划分页面区域,支持垂直和水平分割,方便进行复杂的页面布局。每个区域可以嵌套其他EasyUI...

    Jqueryeasyui文档

    1. **表单验证**:通过 `$.fn.validatebox` 验证表单元素,设置 `required`、`validType` 等规则进行数据校验。 2. **树形控件(tree)**:tree 用于展示层级结构的数据,可以进行展开/折叠操作,`<ul class="...

    JqueryEasyUI1.4参考手册

    <input type="text" class="easyui-validatebox" required="true" /> <a href="#" class="easyui-linkbutton" onclick="submitForm()">提交 ``` ### 4. 窗口与布局组件 窗口(window)组件可用于创建浮动的弹出...

    easyUI源文件及实例

    3. **表单组件**:包括`form`、`textbox`、`combobox`、`datebox`、`validatebox`等,提供了丰富的表单元素和验证功能,便于用户输入和数据校验。 4. **数据网格组件**:`datagrid`可以展示和编辑表格数据,支持...

Global site tag (gtag.js) - Google Analytics