jQuery validator addMethod 动态提示信息

想通过validate的自定义验证,即验证输入格式,又想验证关键字个数

$.validator.addMethod("stringCheck", function(value, element) {
                var pattern = /^(?!,)([a-zA-Z0-9\u4e00-\u9fa5]+[,]?)+[a-zA-Z0-9\u4e00-\u9fa5]+$/;
                if(!pattern.test(value)){
                     $(element).data(‘error-msg‘,‘格式错误!‘);
                     return false;
                }
                var num = (value.split(‘,‘)).length;
                if(num > 5){
                     $(element).data(‘error-msg‘,‘最多五个关键字!‘);
                     return false;
                }
                return true;
            }, function(params, element) {
                return $(element).data(‘error-msg‘);
         });
时间: 2024-11-08 23:54:59

jQuery validator addMethod 动态提示信息的相关文章

jQuery.validator.addMethod自定义验证

jQuery.validator.addMethod("numOrLetter", function(value, element) { return this.optional(element) || /^[0-9|A-Z|a-z]+$/.test(value);}, "请输入数字或字母"); $("#inputForm").validate({    rules : {        //要校验的表单名称        operationCo

jQuery 的 validator 验证动态添加的信息

jQuery.validator.addMethod("checkChannelName", function (value, element) { var returnVal = false; var id = $('input[name="channelId"]').val(); if (value != '') { $.ajax({ url: '{:U("TourChannel/checkChannelName")}', data: {na

客户端验证的极品--jQuery.validator

最近在做一个用户注册登录的页面,资料查寻过程中发现了一个非常不错的客户端验证的极品-jQuery.validate.它是著名的JavaScript包jQuery的一个插件,其实它还有其它的一些插件应该都爽,有待慢慢来学习 官方地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ jQuery用户手册:http://jquery.org.cn/visual/cn/index.xml 开发使用起来非常简单明了, 我的代码:

JQuery validator扩展

//validator 扩展 jQuery.validator.addMethod("mail", function(value, element, messages) { return this.optional(element) || /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(value); }, "请输入合法邮箱"); jQuery.validator.addM

jquery validate.addMethod 正则表达式

$(document).ready(function () { /* 设置默认属性 */ $.validator.setDefaults( { submitHandler: function (form) { form.submit(); } } ); // 字符验证 jQuery.validator.addMethod( " stringCheck " , function (value, element) { return this .optional(element) || /

jQuery.validator的非空验证 唯一性验证

<!--editpanl start--> <div class="modal fade" id="editpanl" data-backdrop="static"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header">

jQuery.validator 详解二

前言:上一篇详细的介绍了jQuery.validator( 版本v1.13.0 )的验证规则,这一篇重点讲述它的源码结构,及如何来对元素进行验证,错误消息提示的内部实现 一.插件结构(组织方式) 在讲述如何对元素进行验证前有必要了解它的代码组织方式,请看代码(部分省略) var plugFn = function( $ ) { $.extend($.fn, { // 验证from表单 validate: function( options ) { // ... // 实例化$.validator

jQuery.validator 验证规则详解

前言:jQuery.validator是一款非常不错的表单验证插件,验证方式非常简单方便,它还对HTML5做了兼容处理,了解了验证规则,就基本掌握了它的使用,下面就让我一一道来 jQuery.validator 验证规则 一.在元素的class属性中添加需要验证的规则,多个规则以空格隔开 <label>邮箱:</label> <input class="required email" type="text" name="ema

有关Jquery Validator的使用

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="WebApplication1.index" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/