jQuery.validator.addMethod自定义验证方法

最新推荐文章于 2020-05-14 10:53:24 发布
最新推荐文章于 2020-05-14 10:53:24 发布
阅读量292 收藏
点赞数
文章标签： javascript xhtml ViewUI
原文链接：http://www.cnblogs.com/jxldjsn/p/11200901.html
版权

在开发中用到了jQuery的validate控件,有时需要自定义验证方法。我们可以通过jQuery.validator.addMethod()来实现，下面是例子：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="../css/main.css" rel="stylesheet" type="text/css" />
<link href="../js/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
<!-- 引入JS库文件 -->
<script src="../js/jquery.min.js" type="text/javascript"></script>
<script src="../js/ligerUI/js/ligerui.min.js" type="text/javascript"></script>
<script src="../js/tablecolor.js" type="text/javascript"></script>
<script src="../js/jquery-form/jquery.form.js" type="text/javascript"></script>
<script src="../js/jquery-validation/jquery.validate.min.js" type="text/javascript"></script>
<script src="../js/jquery-validation/messages_cn.js" type="text/javascript"></script>

<script type="text/javascript">
<!--
$(function() {

//保存
$("#appEdit_btok").click(function () {
$("#appEdit_Form").submit();
});

//自定义评语内容验证方法
jQuery.validator.addMethod("levelLimit",function(value, element){
var returnVal = false;
var level = $("#code").attr("level");
if(level=="1" || level=="0"){
returnVal = true;
}
return returnVal;
},"level不能为2!");
$("#appEdit_Form").validate({
rules : {
"code" : {
required : true,
number : true,//期望的是true,如果为false则展示提示信息
levelLimit : true//期望的是true,如果为false则展示提示信息
}
},
messages : {
"code" : {required : "请输入务编码！",
number : "请输入数字！"
}
},
errorPlacement: function( lable, element ){
element.ligerHideTip();
element.parent().ligerTip({ content: lable.html(), target: element[0] });
},
success : function( lable ){
lable.ligerHideTip();
lable.remove();
},
submitHandler: function(formTar){
var serialStr = $("#appEdit_Form").serialize();
var urlStr = './appIndex.htm?actionMethod=addAppInfo';
$.ajax({
type:'post',
url:urlStr,
data:serialStr,
success:function(redata){
if (redata ==1) {
alert( '操作成功!');
}else{
alert('失败提示', '操作失败!');
return;
}
}
});
}
});
});

//-->
</script>
</head>

<body >
<div class="right-body" >
<form method="post" action="javascript:void" id="appEdit_Form" >
<table style="width:400px;" border="0" cellpadding="0" cellspacing="0"
class="viewdatagrid">
<tbody>
<tr>
<th width="160">编码：</th>
<td width="0" ><input id="code" name="code" type="text" style="width: 240px" value="" level="2"/>
</td>
</tr>
</tbody>
</table>

<div class="btn-view-block">
<div class="toolbar">
<ul>
<li>
<a href="javascript:void 0;" class="save" id="appEdit_btok" name="appEdit_btok" ><span>保存</span></a>
</li>
<li>
</ul>
</div>
</div>
</form>
</div>
</body>
</html>

转载于:https://www.cnblogs.com/jxldjsn/p/11200901.html

weixin_30258901
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery validator addMethod 根据不同情况显示不同错误信息
04-02
NULL 博文链接：https://yuhe.iteye.com/blog/1433271
jQuery.validator.addMethod 自定义验证方法
lc55022的博客
11-15 1610
$.validator.addMethod 方法自定义验证介绍
jQuery.validator.addMethod 自定义验证方法
weixin_33920401的博客
01-03 541
1.$.validator.addMethod 方法自定义验证介绍 该方法可用于我们平时给<input type=" "> 指定type时使用，目的就是可以让我们自己定义想要验证的方法，好玩性很高，可以自定义一些通用的验证，比如手机号码、身份证等。 2.介绍参数和用法 方法：$.validator.addMethod(name,function(value , element){...
juquery验证插件validation addMethod方法使用笔记
weixin_30315435的博客
02-22 354
该方法有三个api接口参数，name，method，messages addMethod(name,method,message)方法 参数 name 是添加的方法的名字。 参数 method 是一个函数，接收三个参数 (value,element,param) 。value 是元素的值，element 是元素本身，param 是参数。 我们可以用 addMethod 来添加除...
jquery validator addMethod 方法的使用
ccecwg的专栏
01-16 5959
jQuery.validate是一款非常不错的表单验证工具，简单易上手，而且能达到很好的体验效果，虽然说在项目中早已用过，但看到这篇文章写得还是不错的，转载下与大家共同分享。 一、用前必备 官方网站：http://bassistance.de/jquery-plugins/jquery-plugin-validation/（注意下载最新版） API: http://jquery.bassis
初次使用validator.addMethod
Liwengood的博客
12-17 1617
初次使用validator.addMethod，在这里记录一下我学到的。 在前端使用 jQuery.validator 可以对输入的数据进行校验，若没有太过复杂的逻辑校验过程，个人认为用此方法比传入后台做校验再传回来更方便。 validator中可以校验的标签有以下这些（标签代表这什么意思大家自行百度或者谷歌吧，很好找）： required,remote,email,url,date...
jquery validate 自定义验证方法介绍 日期验证
12-11
jquery validate有很多验证规则，但是更多...案例一： 代码如下://自定义验证 $.validator.addMethod(“isPositive”,function(value,element){ var score = /^[0-9]*$/; return this.optional(element) || (score.
jquery.validate表单验证密码完整例子(带密码强度显示）
10-12
jquery.validate表单验证密码完整例子(带密码强度显示）
jQuery.Validator
12-11
个人感觉非常好用且NB的验证控件。 支持多语言， 支持数字、字母、电话等常规验证 支持ajax认证 支持自定义 。 还有巨多好用的功能等待发现
JQuery扩展插件Validate 5添加自定义验证方法
12-03
示例如下： 代码如下: [removed] jQuery.validator.addMethod(“regex”, //addMethod第1个参数:方法名称 function(value, element, params) { //addMethod第2个参数:验证方法，参数（被验证元素的值，被验证元素，...
自定义校验
人生智慧的博客
08-29 837
自定义校验规则步骤如下： (1) 使用$.validator.addMethod("校验规则名称",function(value,element,params)){} (2) 在rules中通过校验规则名称使用校验规则 (3) 在messages中定义该规则对应的错误提示信息 其中： value是校验组件的value值 element是校验组件的节点对象 params是校验规则的参数 ...
jQuery.validator.addMethod自定义验证
weixin_34004750的博客
08-04 188
jQuery.validator.addMethod("numOrLetter", function(value, element) { return this.optional(element) || /^[0-9|A-Z|a-z]+$/.test(value);}, "请输入数字或字母"); $("#inputForm").validate({rules : {...
JQuery Validate addMethod自定义校验方法说明
秋芝林的专栏
06-10 2167
script type="text/javascript">         jQuery.validator.addMethod("regex",  //addMethod第1个参数:方法名称         function(value, element, params) {     //addMethod第2个参数:验证方法，参数（被验证元素的值，被验证元素，参数）      
jQuery Validate addMethod 自定义检验规则
m0_37158404的博客
05-14 323
例如下拉框值为""或"0"的时候，表示未选中，但是required只能对空值进行验证，这时候就可以使用addMethod，自己添加检验规则； $.validator.addMethod( "isNot0",function(value,element){ if (value !== '0') { return true; } } , "请选择所属部门"); varData.$validate = $("#baseForm").validate({ ...
jQuery.validator.addMethod 添加验证方法
Jc0803kevin的专栏
02-03 2202
jQuery.validator.addMethod( name, method [, message ] ) 参考：http://jqueryvalidation.org/jQuery.validator.addMethod/ 第一个参数 ： “byteMaxLength” 是定义方法名，必须保证方法名唯一，是一个identifier标志。 第二个参数： 是下面这个回调（callback
利用jQuery.validate异步验证用户名是否存在
weixin_33989780的博客
10-14 253
  HTML头部引用： &lt;script type="text/javascript" src="../js/jquery-1.3.2.min.js"&gt;&lt;/script&gt;&lt;script type="text/javascript" src="../js/jquery.validate.min.js"&gt;&lt;/script&gt
aspx中的表单验证 jquery.validate.js 的使用 以及 jquery.validate相关扩展验证(Jquery表单提交验证插件)...
10-22 247
这一期我们先讲在aspx中使用 jquery.validate插件进行表单的验证, 关于MVC中使用 validate我们在下一期中再讲 上面是效果，下面来说使用步骤 jQuery.Validate为我们提供了3种验证编写方式，各有优缺点： 1、在input对象中书写class样式指定验证规则或属性验证规则： 如<input type=”text”...
函数调用 自定义jQuery.validator.addMethod
最新发布
05-26
在上面的代码中，我们先使用jQuery.validator.addMethod方法添加了一个名为“phone”的自定义验证方法，用来验证手机号码是否合法。然后，在表单验证的规则中，我们使用了这个自定义验证方法来验证“phone”这个表单...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值