SSI中数据校验easyui 校验 validatee写在哪层?

DataValidate 使用正则表达式对输入的数据即时校验。包括整型,非负整数,非正 浮 浮 CSharp C#编程 238万源代码下载-
&文件名称: DataValidate
& & & & &&]
&&所属分类:
&&开发工具: C#
&&文件大小: 2 KB
&&上传时间:
&&下载次数: 2
&&提 供 者:
&详细说明:使用正则表达式对输入的数据即时校验。包括整型,非负整数,非正整数,浮点数,非负浮点数,非正浮点数,中文,英文,大写英文,小写英文,数字和英文,数字和英文或下划线,日期。-Using regular expressions for real-time validation of data input. Including integer, non-negative integers, non-positive integer, floating-point, non-negative floating-point, non-positive float, Chinese, English, English uppercase and lowercase alphabets, numbers and English, and English numbers, or underscores, date.
文件列表(点击判断是否您需要的文件,如果是垃圾请在下面评价投诉):
&&DataValidate.cs
&输入关键字,在本站238万海量源码库中尽情搜索:
&[] - C# 搜索WORD内容关键词源码,能够查找多个关键词,并统计个数
&[] - C#编写的软件自动更新的DLL源码,真实可用jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法
作者:rchm8519
字体:[ ] 类型:转载 时间:
这篇文章主要介绍了jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法的相关资料,需要的朋友可以参考下
先给大家分享数据校验显示效果
Web前端数据校验组件
Web项目中客户端与服务端的交互离不开Form表单,Form表单中最常用的元素莫过于input标签,input标签首先要用的肯定是text文本框啦!
input文本框允许用户任意输入,难免会会有用户输入一些不符合规定的数据,此时,在提交之前对数据校验是很有必要的,如果等到提交到服务端再校验就会大大降低用户体验啦。
前端校验有很多现成的组件,比较好用的有 EasyUI 的 validatebox 插件,提示界面做的相当友好,只是validatebox 默认提供的校验规则比较有限,有时我们需要添加自己的校验规则。
validator: function(value){
return ...?$/i.test(value);
message: 'Please enter a valid email address.'
validator: function(value){
return ...?$/i.test(value);
message: 'Please enter a valid URL.'
validator: function(value, param){
var len = $.trim(value).
return len &= param[0] && len &= param[1]
message: 'Please enter a value between {0} and {1}.'
validator: function(value, param){
var data = {};
data[param[1]] =
var response = $.ajax({
url:param[0],
dataType:'json',
data:data,
async:false,
cache:false,
type:'post'
}).responseT
return response == 'true';
message: 'Please fix this field.'
自定义校验规则
添加新的校验规则时最好不要在EasyUI的源文件中进行,第一是避免因误操作而导致污染了EasyUi源码,更重要的是考虑到以后容易进行组件升级。所以最合理的办法是单独写自己的扩展文件。
比如:我在原有规则的基础上新增了以下三项校验,单独文件 easyui-extend-rcm.js:
(function($) {
* jQuery EasyUI 1.4 --- 功能扩展
* Copyright (c)
* 新增 validatebox 校验规则
$.extend($.fn.validatebox.defaults.rules, {
validator: function(value, param) {
return idCardNoUtil.checkIdCardNo(value);
message: '请输入正确的身份证号码'
checkNum: {
validator: function(value, param) {
return /^([0-9]+)$/.test(value);
message: '请输入整数'
checkFloat: {
validator: function(value, param) {
return /^[+|-]?([0-9]+\.[0-9]+)|[0-9]+$/.test(value);
message: '请输入合法数字'
})(jQuery);
自定义规则使用方式
在&head&中除了引入EasyUI的文件之外,还要引入自己的扩展文件,顺序在EasyUI文件之后:
&pre name="code" class="javascript"&
&span style="font-size:18"&
&script src="#WEBROOT()/static/jseasyui/jquery.easyui.min.js" type="text/javascript" &&/script&
&script src="#WEBROOT()/static/js/comm/easyui-extend-rcm.js" type="text/javascript"&&/script&
然后在Html中如下引用即可,一定要加Class 和 data-options两个属性:
&pre name="code" class="html"&&span style="font-size:18"&&div id="dlg" class="easyui-dialog" style="width:300 height:300 vertical-align:" closed="true" title='添加中药' buttons="#dlg-buttons"&
&div id="editForm" style="background:'';padding:20width:200height:200 display:"&
&form id="form" method="post"&
&div style="padding-left:16padding-top:20" hidden="true"&
&input type="text" name="dlg_drugId" id="dlg_drugId" hidden="true" /&
&div style="padding-top:10padding-left:40"&
&label for="dlg_name"&药物:&/label&
&input type="text" name="dlg_name" id="dlg_name" class="easyui-validatebox" readonly="readonly" /&
&div style="padding-top:10padding-left:40"&
&label for="dlg_price"&单价:&/label&
&input type="text" name="dlg_price" id="dlg_price" &span style="color:#ff0000;"&class="easyui-validatebox" data-options="required:true,validType:'checkFloat'"&/span& /&
&div style="padding-top:10padding-left:40"&
&label for="dlg_purchase_price"&进价:&/label&
&input type="text" name="dlg_purchase_price" id="dlg_purchase_price" &span style="color:#ff0000;"&class="easyui-validatebox" data-options="validType:'checkFloat'"&/span& /&
&div style="padding-top:10padding-left:40"&
&label for="dlg_stock"&库存:&/label&
&input type="text" name="dlg_stock" id="dlg_stock" &span style="color:#ff0000;"&class="easyui-validatebox" data-options="validType:'checkNum'"&/span& /&
&div style="padding-top:10padding-left:40" align="center"&
&input type="button" value="保存" onclick="saveTCMDrugPublicMapped()" class="bt_style" /&
&/div&&/span&
详解jQuery easyui 校验框validatebox用法
JQuery EasyUI 验证框(ValidateBox)在表单的验证方面给我们提供了很方便的方法
&input id="vv" required="true" validType="email"&
定义文本域是否为必填项
定义字段的验证类型比如email, url, etc.
missingMessage
当文本框为空时提示的文本信息
This field is required
invalidMessage
当文本框内容不合法时提示的文本信息
删除并且销毁组件
做验证以确定文本框的内容是否是有效的
调用验证方法并返回验证结果,true或者false
注意这里除了required属性外,若validType属性失败.并不会阻止表单提交..所以我们这里如果要阻止表单提交,就又要利用jquery ui提交的表单方法
具体写法是
$(":submit").click(function(){
if(!$("#form").form('validate')){
#form是&form&表单的ID
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具最近有个项目,用到很多的表单校验,尝试了一下jQuery.validator,甚是顺手,地址:/project/validate,基本的用法:
$('#formId').validate({
&&& debug:true, // 打开debug模式,不会真实提交,适合测试
&&& rules:{
&&&&&&& uName:"required", // 需要录入
&&&&&&& uNick:{
&&&&&&&&&&& required:true
&&&&&&& }, // 需要录入的另一种写法
&&&&&&& uBlog:{
&&&&&&&&&&& required:true,
&&&&&&&&&&& url:true
&&&&&&& } // 需要输入,且录入的必须是url
&&& messages:{ // 自定义提示语文字
&&&&&&& uName:"请输入用户名"
&&& submitHandler:function(form) { // 表单提交,需要jqueyr.form插件
&&&&&&& form.submit();
阅读一下文档差不多就会了解,支持的校验格式有:
required:必填字段
email:电子邮件
url:合法的网址
dateISO:日期(ISO)
number:数字
digits:整数
creditcard:信用卡号
equalTo:相同的值
accept:拥有合法后缀名的字符串
maxlength:最多长度的字符串
minlength:最少长度的字符串
rangelength:一个长度介于最小值和最大值之间的字符串
range:一个介于最小值和最大值之间的值
max:最大值
min:最小值
相对高阶一点功能:
自定义错误提示信息
当然,你可以通过定义messages来修改提示信息,但你想偷懒又不想用默认的英文提示,直接引入默认提示文字
&script src="path/to/localization/messages_cn.js" type="text/javascript"&&/script&
IE6下不工作的bug
传闻IE6下,jquery.validate.js有乱码,不能正常工作,解决办法:
&script src="path/to/jquery.validate.js" type="text/javascript" charset="iso-8859-1"&&/script&
控制错误信息显示位置
有的时候默认的错误信息显示有问题,比如多个单选框,默认的会把错误信息显示在第一个单选框后面,页面就乱了,解决办法:
errorPlacement: function(error, element) {
&&& if (element.is(":radio")) {
&&&&&&& error.appendTo(element.parent().parent("td"));
&&& else {
&&&&&&& error.appendTo(element.parent());
当然,还可以重载invalidHandler来实现
有的时候,一个输入框的校验依赖于其他条件,比如登录的时候可以通过用户名或者邮箱登录,只有当用户选择用邮箱登录时,才对邮箱输入框验证,rules中可以这样写:
&&& required:{depends: function(element) {
&&&&&&& return true == $('#isMail').val();
&&& email:true
这样只有用户选择了用邮箱登录才会校验 邮箱项,否则不校验。
看一个实例
如果表单通过前端JS来先做预判断,然后通过JS来post到后端脚本的,则表单form标签可以不填action和method等信息。
validate初始化部分
$(document).ready(function(){
&&& $('#form').validate({//文档加载完毕,初始化validate插件
&&& //这里写validate初始化的一些信息,例如rules,messages等
validate验证、提交部分
$('#form').submit(function(){//当表单被提交时,进行表单验证
&&& if($(this).valid() == true){
&&&&&&& $.post({'./script.php'});//当表单验证通过时,post到./script.php的脚本上
&&& }else{
&&&&&&& alert('验证失败');
&&& //这个很重要,靠return false来阻止html的表单动作,让所有的表单动作都交给JS来处理。
html的表单动作,让所有的表单动作都交给JS来处理。});
之前一直没写return false,导致总是出现个问题,例如alert()会一闪而过,后台会记录两次提交的,提交有时GET给了表单页面自己等…Struts2 使用validate 方法验证数据_百度文库
两大类热门资源免费畅读
续费一年阅读会员,立省24元!
Struts2 使用validate 方法验证数据
上传于||文档简介
&&S​t​r​u​t​s ​使​用​v​a​l​i​d​a​t​e​ ​方​法​验​证​数​据
阅读已结束,如果下载本文需要使用1下载券
想免费下载本文?
下载文档到电脑,查找使用更方便
还剩2页未读,继续阅读
你可能喜欢}

我要回帖

更多关于 easyui 校验 validate 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信