easyui中的验证
easyui的验证分为纯客户端验证和ajax验证。
1.纯客户端验证
使用easyui控件中的validatebox,配置required='true'等
2.Ajax验证
$("#password").validatebox({
required:"true" ,
validType:"remote['"+js+"system/validatePasswordOperator.action','password']",
invalidMessage:"原密码输入不正确"
})
其中validType指的是验证类型,这里指出用的是remote(远程),invalidMessage指的是如果后台往前台写回的不是true,则显示的错误信息
3.自定义正则表达式规则
$.extend($.fn.validatebox.defaults.rules, {
customReg: {
validator: function(value, param){
var reg = new RegExp(param[0]);
if (!reg.test(value)) {
$.fn.validatebox.defaults.rules.customReg.message = param[1];
return false;
}else{
return true;
}
},
message: ''
}
});
使用:
<input type="text" name="fromContactTelephone" class="easyui-validatebox" required="true" value="${sale.fromContactTelephone}" validType="customReg['(\\d{11})|^((\\d{7,8})|(\\d{4}|\\d{3})-(\\d{7,8})|(\\d{4}|\\d{3})-(\\d{7,8})-(\\d{4}|\\d{3}|\\d{2}|\\d{1})|(\\d{7,8})-(\\d{4}|\\d{3}|\\d{2}|\\d{1}))$','请输入正确的联系方式']">
分享到:
相关推荐
easyui validatebox 验证类型
jquery easyui validator 扩展自定义验证方法
常用的easyUI表单验证类型
在 EasyUI 中,validatebox 是一个用于表单验证的组件,它提供了一种简单的方式来验证输入字段的合法性。然而,有时默认的验证控件可能无法满足所有需求,这时我们需要对其进行自定义和扩展。 在标题和描述中提到的...
### easyui验证框使用方法详解 #### 一、概述 EasyUI是一款基于jQuery的用户界面插件集合,它简化了Web应用开发中的交互组件创建过程。其中,验证框(ValidateBox)是EasyUI中用于输入验证的一个强大工具,能够帮助...
easyui validatebox 验证类型 EasyUI 的 ValidateBox 验证组件可以对表单字段进行多种类型的验证,包括必选字段、邮件、电话、数字、日期、网址、信用卡号等各种格式的验证。 必选字段验证 ValidateBox 的 ...
### 自定义jQuery EasyUI验证规则详解 在进行前端表单验证时,为了提供更好的用户体验以及增强数据的有效性和安全性,我们通常会使用各种前端框架提供的工具。jQuery EasyUI 是一个基于 jQuery 的用户界面插件集合...
easyui扩展的js验证,是对easyUI没有的验证做的补充扩展,好用方便
EasyUI验证扩展在实际项目中有着广泛的应用,如电子商务网站的商品数量验证、注册表单的身份证号码验证、财务管理系统的金额格式验证等。通过自定义验证规则,开发者可以确保数据的准确性和一致性,提高系统的安全性...
#### 二、JQuery easyUI验证规则扩展 在JQuery easyUI中,可以通过`.extend()`方法对`$.fn.validatebox.defaults.rules`对象进行扩展,添加自定义的验证规则。下面将逐一介绍文档中给出的一些典型验证规则及其正则...
在EasyUI中,我们可以利用其内置的表单验证功能,配合jQuery的DOM操作和事件处理,来创建强大的验证机制。 首先,我们需要引入EasyUI和jQuery的相关库。在HTML文件中,添加以下链接到部分: ```html ...
其中,validatebox是EasyUI中的一个验证组件,专门用于表单数据的验证,确保用户输入符合预定的规则。 validatebox验证框的使用通常包括以下几个步骤: 1. **引入依赖**:首先,你需要在HTML文件中引入jQuery、...
7. **插件使用**:除了核心组件外,EasyUI 还提供了许多插件,如拖放(dragdrop)、分页(pagination)、验证(validatebox)等,这些插件的使用方法也在手册中有所说明。 8. **API 示例**:手册中的每个知识点通常...
下面将详细介绍如何在EasyUI中实现表单提交前的验证。 首先,EasyUI的表单验证功能依赖于其内置的验证机制,它能够处理诸如必填项(required)、数据类型(如email、number等)、长度限制等常见的验证规则。这些...
在EasyUI的众多组件中,`validatebox` 是一个非常实用的验证插件,主要用于表单验证,确保用户输入的数据符合预设的规则和格式。通过使用`validatebox`,开发者可以轻松实现各种常见的验证需求,如用户名、密码、...
3. **表单处理**:EasyUI提供了`form`组件,可以方便地创建和管理表单,包括`validatebox`(验证框)用于表单验证,`combobox`(下拉框)、`datebox`(日期选择器)等控件,使得表单输入更加便捷。 4. **对话框和...
本文将详细介绍如何在jQuery-easyUI中进行远程Ajax验证,并讲解如何获取校验后的返回值。 首先,jQuery-easyUI内置了远程验证功能。在`validatebox`组件中,可以使用`remote`验证类型。例如,如果要验证的字段是...
easyui的输入框+验证+弹窗,datagrid的渲染+勾选/选择+双击+渲染行操作+查询框架。
6. **插件扩展**:EasyUI本身包含了一些基础组件,但社区还开发了许多额外的插件,如日期选择器、树形结构、表单验证等,这些扩展可以进一步增强EasyUI的功能。 7. **响应式设计**:EasyUI支持响应式布局,可以根据...