jquery添加自定义校验

<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.metadata.js"></script>
<script type="text/javascript" src="js/jquery.validate.message_cn.js"></script>

<script type="text/javascript">
    $().ready( function() {
        jQuery.validator.addMethod("noChinese", function(value, element) {
                var myReg = /^[a-zA-Z0-9_]{0,}$/;
            return this.optional(element) || (myReg.test(value));
        });
    })
</script>

并且在jquery.validate.message_cn.js里添加   noChinese: jQuery.format("不能含有中文或特殊字符"),

在页面应用:class="required noChinese"
时间: 2024-11-10 13:06:57

jquery添加自定义校验的相关文章

jquery easyui校验select下拉列表值是否为空的问题

属性名 类型 描述 默认值 required 布尔 定义文本域是否为必填项 false validType 字符串 定义字段的验证类型,比如email, url, etc. null missingMessage 字符串 当文本框为空时提示的文本信息 This field is required. invalidMessage 字符串 当文本框内容不合法时提示的文本信息 null required只表示文本框中是否有内容,easy ui的select框渲染完后 会自动添加一个文本框用于输入,如下

jQuery EasyUI---validatebox 校验规则扩展

Web前端数据校验组件 Web项目中客户端与服务端的交互离不开Form表单,Form表单中最常用的元素莫过于input标签,input标签首先要用的肯定是text文本框啦! input文本框允许用户任意输入,难免会会有用户输入一些不符合规定的数据,此时,在提交之前对数据校验是很有必要的,如果等到提交到服务端再校验就会大大降低用户体验啦. 前端校验有很多现成的组件,比较好用的有 EasyUI 的 validatebox 插件,提示界面做的相当友好,只是validatebox 默认提供的校验规则比较

jquery.validation校验

jquery Validata验证框架的详解 首先导入js库 <script src="jquery.validation/jquery-1.9.1.js"></script> <script src="jquery.validation/jquery.validate.min.js"></script> 1.validate(options)是运行form表单的开始,他是用来验证你所选的form,以上代码的第五行&q

jquery validate 校验 文件上传类型

由于项目开发使用到jquery validate 在校验 上传文件的时候 发现 自带的校验功能丰富,且好用.但是有些MIME由于不经常使用不太方便查看所以在此做个记录 <body> <form class="cmxform" id="fileForm" method="post" action=""> <fieldset> <legend>选择指定类型的文件?</legen

Jquery客户端校验——jquery.validate.js

jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API.使用方法如下 1.引用JS库 <script src="../Script/jquery.js" type="text/javascript"></script><script src=&q

jquery注册校验

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gbk"><meta http-equiv="Cache-Control" content="no-transform" /><script type="text/javascript" src="ht

js和jQuery前台校验文件大小

1.支持Google 不支持IE <script type="text/javascript" src="${pageContext.request.contextPath}/foundation/common/js/jquery-1.11.1.min.js"></script><script type="text/javascript" src="${pageContext.request.context

2015/10/19总结:ajax传参、jquery.validate自定义日期校验

以下内容仅来自于日常实践零碎回顾.总结,不保证正确性,欢迎路过的大神指点指点! 1.这几天一直在写jsp前端页面,了解到前端与后端数据交互数据有两种.一种是form 的submit方式提交,这种方法可以在表单里通过声明属性:method = 'post'声明表单提交的方式(要与后台的controller的RequestMethod属性对应),  action = ‘ url’声明表单提交后跳转的页面(好像采用这种方式一般都要跳转页面).另一种方式就是通过ajax提交,ajax提交和响应的数据方式

validate+jquery+ajax表单验证

①Html form表单内容 <form class="cForm" id="cForm" method="post" action=""> <p> <label for="user">用户名</label> <input id="user" name="user" required minlength="