自定义验证jquery.validate

js中填写

$(function() {
    validateSysConfigForm();
    jQuery.validator.addMethod("validateNum", function (value, element, param) {
        var aint = parseInt(value);
        return aint > 0 && (aint+"") == value;
    }, "请填写正整数(>0)");
});

表单的验证

/**
 * 表单验证
 */
function validateSysConfigForm()
{
    $(‘#payMoneyForm‘).validate({
        rules:{
            payMoney: {
                required: true,
                validateNum:true
            }
        },
        messages:{
            payMoney: {
                required: "请填写停车缴费金额",
                validateNum: "请填写正整数(>0)"
            }
        },
        errorElement : ‘div‘,
        errorClass : ‘help-block‘,
        focusInvalid : false,
        ignore : "",

        highlight : function(e) {
            $(e).closest(‘.form-group‘).removeClass(‘has-info‘).addClass(‘has-error‘);
        },
        success : function(e) {
            $(e).closest(‘.form-group‘).removeClass(‘has-error‘).addClass(‘has-success‘);
            $(e).remove();
        },
        errorPlacement : function(error, element) {
            if(element.is(‘.select2‘)) {
                error.insertAfter(element.siblings(‘[class*="select2-container"]:eq(0)‘));
            }
            else error.insertAfter(element.parent());
        },

        submitHandler : function(form) {

            var url = ‘/base/config/edit.html‘;

            commit(url, ‘/base/config/editUI.html‘);
        }
    });
}
时间: 2024-09-30 11:50:04

自定义验证jquery.validate的相关文章

MVC的验证 jquery.validate.unobtrusive

jQuery validate 根据 asp.net MVC的验证提取简单快捷的验证方式(jquery.validate.unobtrusive.js) 2013-07-22 19:07 4568人阅读 评论(2) 收藏 举报 目录(?)[+] 最近在学习asp.netMVC,发现其中的验证方式书写方便快捷,应用简单,易学好懂. 验证方式基于jQuery的validate 验证方式,也可以说是对jQuery validate的验证方式的扩展,使其更简单易用. 应用 一.引入 <script sr

表单验证——jquery validate使用说明

//validate 选项*********************************************************** $("form").validate({ debug:true //进行调试模式(表单不提交) rules:{ name:"required", //自定义规则,key:value的形式,key是要验证的元素,value可以是字符串或对象 email:{ //内置验证方式 required:true, //必填项 requ

表单验证——jquery validate使用说明【另一个教程】

[参考:http://www.tuicool.com/articles/y6fyme] jQuery Validate jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API.所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言. 该插件是由 Jörn Zaefferer 编写和维护的,他

.net MVC内置js验证 jquery.validate.unobtrusive.js重置验证操作(备忘,找了很多次了)

1 (function ($) { 2 $.validator.unobtrusive.parseDynamicContent = function (selector) { 3 //use the normal unobstrusive.parse method 4 //$.validator.unobtrusive.parse(selector); changed this line with 5 6 $(selector).find('*[data-val = true]').each(f

ASP.NET MVC和WebForm 轻松实现前端和后端的双重验证 jquery.validate+ValidationSugar

上次不足的改进 可能上一个贴子给大家带来很多误解,所以我这次把DEMO完善了两个版本 [ASP.NET WEBFROM]和[ ASP.NET MVC] 修改了一些BUG,并且修改了一些细了 在上个贴子里有人说,看了response.write就全身不舒服,所以也就写了基于异步提交的例子 功能介绍 ValidationSugar.cs 负责后台验证和前端 form 元素的 验证 属性绑定 ValidationSugar.js 对 jquery.validate在进行了一个封装来负责前端的验证 注意

jquery validate添加自定义验证。。。。

<script src="${pageContext.request.contextPath}/resources/js/jquery-1.12.0.min.js" type="text/javascript"></script>    <script src="${pageContext.request.contextPath}/resources/js/jquery.validate.min.js" type=&

【做一点、学一点】dtree、jquery.validate

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>知识点管理</title> <!--#include file="/html/common/includeyf.html"--> <link type="text/css" href="/js/common/dtree/dtree

jquery.validate.js之自定义表单验证规则

1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 4 <script type="text/javascript" src="jquery-1.8.3.js"></script> 5 <script type="text/jav

jQuery Validate 表单验证插件----自定义校验结果样式

一.下载依赖包 网盘下载:https://yunpan.cn/cryvgGGAQ3DSW  访问密码 f224 二.引入依赖包 <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script> <script src="lib/jquery.validate.js" type="text/javascript"