首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jQuery验证-允许在addmethod值中使用特殊字符

jQuery验证是一种基于JavaScript的前端验证框架,用于验证用户输入的表单数据。它提供了一组简单易用的方法和规则,可以对表单字段进行验证,并提供实时反馈给用户。

在jQuery验证中,可以使用addMethod方法来添加自定义验证规则。addMethod方法允许在其第一个参数中使用特殊字符。特殊字符可以是任何有效的JavaScript变量名,包括字母、数字、下划线和美元符号。这些特殊字符可以用于自定义验证规则的命名。

例如,我们可以使用addMethod方法添加一个名为"specialChar"的验证规则,用于检查输入字段是否包含特殊字符:

代码语言:txt
复制
$.validator.addMethod("specialChar", function(value, element) {
  var regex = /[!@#$%^&*(),.?":{}|<>]/;
  return !regex.test(value);
}, "不能包含特殊字符");

$("#myForm").validate({
  rules: {
    myField: {
      specialChar: true
    }
  }
});

在上面的例子中,我们使用了一个正则表达式来检查输入字段是否包含特殊字符。如果包含特殊字符,验证将失败,并显示错误消息"不能包含特殊字符"。

推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云对象存储(COS)。

  • 腾讯云云服务器(CVM):提供可扩展的云服务器实例,可满足各种规模和需求的应用程序。它具有高性能、高可靠性和灵活性,并提供丰富的配置选项和管理工具。了解更多信息,请访问腾讯云云服务器
  • 腾讯云对象存储(COS):提供安全可靠的对象存储服务,用于存储和访问各种类型的数据,包括文档、图片、音视频等。它具有高可用性、高可靠性和高扩展性,并提供简单易用的API和管理界面。了解更多信息,请访问腾讯云对象存储
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

封装jQuery Validate扩展验证

2 remote:"check.php" 使用 ajax 方法调用 check.php 验证输入。 3 email:true 必须输入正确格式的电子邮件。...(a-zA-Z0-9-_)"); // 判断是否包含中英文特殊字符,除英文"-_"字符jQuery.validator.addMethod("isContainsSpecialChar...$ 9 帐号是否合法(字母开头,允许5-16字节,允许字母数字下划线):^[a-zA-Z][a-zA-Z0-9_]{4,15}$ 10 密码(以字母开头,长度6~18之间,只能包含字母、数字和下划线...):^[a-zA-Z]\w{5,17}$ 11 强密码(必须包含大小写字母和数字的组合,不能使用特殊字符,长度8-10之间):^(?...$ 22 7.这样就允许用户只写一位小数.下面我们该考虑数字的逗号了,我们可以这样:^[0-9]{1,3}(,[0-9]{3})*(.[0-9]{1,2})?

1.3K20

jquery_validation插件辅助资料

输入不能大于5   (17)min:10                     输入不能小于10  【】验证规则的使用 $().ready(function() {   $("...remote:URL   使用ajax方式进行验证,默认会提交当前验证到远程地址,如果需要提交其他的,可以使用data选项   remote: "check-email.php"  ...validation自定义验证规则 addMethod:name, method, message   自定义验证方法   // 中文字两个字节   jQuery.validator.addMethod...的optional(element),用于表单控件的不为空时才触发验证 此时定义的byteRangeLength,isZipCode规则可以像内置规则一样使用。...("请输入一个最大为{0} 的"),   min: jQuery.validator.format("请输入一个最小为{0} 的") }); 【】验证规则中直接写验证消息文本 $

1K20

JQuery扩展插件Validate—5添加自定义验证方法

从前面的示例不难看出validate自带的验证方法足以满足一般的要求,对于特别的要求可以使用addMethod(name,method,message)添加自定义的验证规则,下面的示例添加了一个用于正则表达式验证的扩展验证的方法...:方法名称         function(value, element, params) {     //addMethod第2个参数:验证方法,参数(被验证元素的,被验证元素,参数)             ...,如regex:[1,3,5],方法可以使用下标访问:params[0] 网友提供的一些扩展验证方法: // 手机号码验证 jQuery.validator.addMethod("mobile",...this.optional(element) || (tel.test(value)); }, "qq号码格式错误"); // IP地址验证 jQuery.validator.addMethod("ip...this.optional(element) || (length >= param[0] && length <= param[1]); }, $.validator.format("请确保输入的

1K10

【转】jQuery验证控件jquery.validate.js使用说明+中文API

min: jQuery.validator.format("请输入一个最小为{0} 的") }); 推荐做法,将此文件放入messages_cn.js页面引入 <script src=...} 添加"valid" 到验证元素, CSS定义的样式label.valid {} success: "valid" 7验证的触发方式修改 下面的虽然是boolean...remote:URL 使用ajax方式进行验证,默认会提交当前验证到远程地址,如果需要提交其他的,可以使用data选项 remote: "check-email.php" remote: {...jquery.validate.js添加 建议一般写在additional-methods.js文件 2.messages_cn.js文件添加:isZipCode: "只能包括中文字、英文字母、数字和下划线...删除特殊属性并且返回他们 Custom selectors :blank 返回:Validator 没有的筛选器 :filled 返回:Array

4.6K40

Validate使用及配置

/js/additional-methods.js" type="text/javascript"> 使用方法 以注册页为例,需要验证用户名、密码、重复密码、验证码。...lettersonly: '请输入6-20个英文字符', remote: '该用户名已被使用' }, 'data[password]': { required...onfocusout:失去焦点验证,上例是失去焦点就验证,不需要点击submit按钮。 errorElement: 用来指定错误提示标签,默认为label。...ignore:对某些元素不进行验证 自定义验证方法 addMethod(name,method,message)方法: 参数name是添加的方法的名字 参数method是一个函数,接收三个参数(value...,element,param) value是元素的, element是元素本身 param是参数 如additional-methods.js的lettersonly验证 jQuery.validator.addMethod

1.2K30

ASP.NET MVC5+EF6+EasyUI 后台管理系统(33)-MVC 表单验证

= "用户名已存在")] 请求验证     [AllowHtml] 允许传入HTML 等等........另一种是Model各属性对应HTML控件的验证消息: @Html.ValidationMessageFor(m => m.UserName) 所以要前端代码有验证效果必须引入jquery库 但是往往系统自带的验证是远远满足不了我们的...[MaxWordsExpression(50)] 字符不能大50,可以不填写,但填写就进入验证 * 3....,请加入以下代码 // [IntRangeExpression(18, 30)] 数字18与30之间,可以不填写,但填写就进入验证 jQuery.validator.addMethod('...JS,否则无法启用前端验证 //双向验证,请加入以下代码 // [IntRangeExpression(18, 30)] 数字18与30之间,可以不填写,但填写就进入验证 jQuery.validator.addMethod

4.1K50

JQuery学习—JQuery-Validation 使用

("请输入一个最小为 {0} 的") }); 推荐做法,将此文件放入messages_cn.js页面引入 <script src=".....'}" 另外一个方式,使用关键字:meta(为了元数据使用其他插件你要包装 你的验证规则 在他们自己的项目中可以用这个特殊的选项) Tell the validation plugin to look...required:"#aa:checked"表达式的为真,则需要验证 required:function(){}返回为真,表时需要验证 后边两种常用于,表单需要同时填或不填的元素 五、常用方法及注意问题...} 添加"valid" 到验证元素, CSS定义的样式label.valid {} success: "valid" nsubmit: Boolean Default...ajax方式进行验证,默认会提交当前验证到远程地址,如果需要提交其他的,可以使用data选项 remote: "check-email.php" remote: { url: "check-email.php

4.5K20

JavaScript的函数重载(Function overloading)

这个需求 find方法 需要根据参数的个数不同而执行不同的操作,下来我们通过一个 addMethod 函数,来 users 对象添加这个 find 方法。...而在只有一个参数的情况下,如果参数类型是字符串或者数组就是获取属性,而如果参数是对象,就是是设置属性jQuery 的 css( ) 方法就是通过判断参数的类型,来确定执行什么操作。...2、jQuery.style( ) 方法:DOM节点上读取或设置样式属性 css( )方法,如果有传第二个参数,也就是有要设置的属性时,那就会调用 jQuery.style( ) 方法设置样式...3、jQuery.css( ) :DOM元素上读取DOM样式 这里的 jQuery.css( ) 是通过 jQuery.extend( ) 添加的方法,而我们最开始提到的 css( )方法...假如jQuery的css( )方法不使用 重载,那么就要有5个不同的函数,来完成功能,那我们就需要记住5个不同的函数名,和各个函数相对应的参数的个数和类型,显然就麻烦多了。

1.4K10

JQuery扩展插件Validate—6radio、checkbox、select的验证

validate()方法的参数可以进行自定义,示例代码如下: View Code         jQuery.validator.addMethod...("regex",    //addMethod第1个参数:方法名称         function(value, element, params) {     //addMethod第2个参数:验证方法...,                                 //验证方法参数(被验证元素的,被验证元素,参数)             var exp = new RegExp(params)...,好像有个小bug;使用ASP.NET与validate组合使用时会有一些问题可以参考网友的博文。 ...1、ASP.NET按钮都会解析成submit所有都会触发验证,如果想让某个按钮不触发验证可以加上这个样式:class="cancel" 源码下载

95120

Asp.NetCore Web开发之输入验证

开发验证表单数据是很重要的一环,如果对用户输入的数据不加限制,那么当错误的数据提交到后台后,轻则破坏数据的有效性,重则会导致服务器瘫痪,这是很致命的。...所以进行数据有效性验证是必要的,我们一般通过js或者使用HTML标签自带的属性进行有效性限制,但在不断的演化,也出现了一些很优秀的数据验证框架,使用它们能高效的开发,最常用的就是基于Jqueryjquery.validate.js...下面就来讲解一下它的用法: 要使用这个框架,就要先引用框架包(注意:此包是基于Jquery开发的,所以要先引用jquery.js),由于数据验证是必要的,所以微软将其集成到了asp.net core...类型的函数,验证时被调用,value是输入的,element是验证的元素。...需要验证PersonData的Action,我们就可以进行验证,代码如下: Console.WriteLine(ModelState.IsValid); foreach (var prop in ModelState.Values

1.9K30

使用jQuery Validation插件来验证表单

jQuery Validation是一个用于验证表单的jQuery插件,简单易用,已经包含了16种内置的验证规则.Github上也有更多的验证规则可以使用.这都不是重点,重点是你可以轻松的定制自己的规则...src="/static/js/jquery.validate.min.js"> 然后用jQuery选择需要验证的表单,执行validate()函数即可: ...添加自定义规则 jQuery Validation最吸引人的feature,它可以轻松的加入自定义的规则: 第一步,js调用jQuery.validator.addMethod函数来添加规则,例如添加...使用json提交数据 表单验证通过后,提交动作默认是使用form本身的提交动作,即指定form的action和method属性: method="get" action="" 可以validate...()函数添加submitHandler参数来指定点击提交后执行的函数,我们可以该函数中使用$.json来提交数据: 23 $("#ip_form").validate({ 24

2K50

ASP.NET MVC如何实现自定义验证(服务端验证+客户端验证

ASP.NET MVC通过Model验证帮助我们很容易的实现对数据的验证默认的情况下,基于ValidationAttribute的声明是验证使用,我们只需要将相应的ValidationAttribute...对于自定义验证,我们也只需要定义相应的Validation就可以了,不过服务端验证比较简单,而客户端验证就要稍微复杂一些,本文提供一个简单的实例说明ASP.NET MVC实现自定义验证的基本步骤。...服务端验证逻辑定义重写的IsValid方法,并且重写了FormatErrorMessage方法以便生成针对年龄的验证消息。...添加到jQuery.validator的用于进行年龄范围验证的function具有三个参数(value、element、params)分别表示被验证、元素和传入的参数。...通过VS的ASP.NET MVC项目模板创建的空Web应用,我们定义了如下一个简单的Person类型,我们定义的AgeRangeAttribute 应用到了表示出生日期的BirthDate上,并将允许的年龄上

3.8K50

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券