jQuery form 表达验证

jQuery Validate插件

访问 jQuery Validate 官网,下载最新版的 jQuery Validate 插件。

工作例子:

//添加校验规则$(function(){

    $("#add_kcid").focus();    $("#searchForm").validate({        errorElement:‘div‘,        errorClass:‘help-block‘,        focusInvalid: true,        rules:{            add_kcid:{                required:true,            },            add_exam_number:{                required:true,            },            add_xkName:{                required:true,                stringCheck:true,                remote:{                    type:"get",                    url:"${ctx}/wj/checkXkName",                    data:{                        ksid:encodeURIComponent("${ksid}"),                        add_kcid:encodeURIComponent("${add_kcid}"),                        add_exam_number:encodeURIComponent("${add_exam_number}"),                        add_xkid:function(){                            return $("#add_xkidId").val();                        }                    }                }            }        },        messages:{            add_kcid:{required:"请选择考场"},            add_exam_number:{required:"请选择考号"},            add_xkName:{                required:"请选择违纪学科",                remote:"该违纪考生已存在"            },        },        invalidHandler: function (event, validator) {        },

        highlight: function (e) {            $(e).removeClass(‘has-info‘).addClass(‘has-error‘);        },        success: function (e) {            $(e).removeClass(‘has-error‘).addClass(‘has-info‘);            $(e).remove();        },        errorPlacement: function (error, element) {            error.insertAfter(element.parent());        },        submitHandler:function (form) {            //添加违纪学生            $(form).ajaxSubmit({                target: ‘#ajax_target‘,                url:"${ctx}/wj/addStu"            });        }    });

});
时间: 2024-11-05 23:27:19

jQuery form 表达验证的相关文章

jQuery form插件的使用--用 formData 参数校验表单,验证后提交(简单验证).

Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署到Tomcat中的web项目. 一.引入依赖js <script src="jquery-1.3.1.js" type="text/javascript"></script> <script src="jquery.form.js" type="text/javascript"&g

jQuery.form.js jQuery ajax异步提交form

jQuery.form.js是一个form插件,支持ajax表单提交和ajax文件上传. 官网下载地址:http://plugins.jquery.com/form/ API ajaxForm 增加所有需要的事件监听器,为ajax提交表单做准备.ajaxForm并不能提交表单.在document的ready函数中,使用ajaxForm来为ajax提交表单进行准备. 接受0个或1个参数.参数可以是一个回调函数,也可以是一个Options对象. $("#formid").ajaxForm(

jQuery form插件的使用--ajaxForm()和ajaxSubmit()的可选参数项对象

一.前提说明 Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署到Tomcat中的web项目. 二.简单介绍 本文演示的是:jQuery form插件的使用--ajaxForm()和ajaxSubmit()的可选参数项对象 $('#myForm').ajaxForm(function() { $('#output1').html("提交成功!欢迎下次再来!").show(); }); $('#myForm2').sub

jQuery.form.js使用

jQuery.form.js是一个form插件,支持ajax表单提交和ajax文件上传. 下载地址 百度云:http://pan.baidu.com/s/1eQoYE46 360云:http://yunpan.cn/Qi7B5wdiewUMP  访问密码 06b6 微云:http://url.cn/QMQ79w 1 <!DOCTYPE html> 2 3 <html> 4 <head> 5 <meta name="viewport" conte

jQuery表单验证插件----通过name属性来关联字段来验证,改变默认的提示信息,将校验规则写到 js 代码中

一.下载依赖包 网盘下载:https://yunpan.cn/cryvgGGAQ3DSW  访问密码 f224 二. 添加一个另外一个插件jquery.validate.messages_cn.js. 改变默认提示方式. 三.jQuery表单验证插件----通过name属性来关联字段来验证,将校验规则写到 js 代码中. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.

jQuery Validation让验证变得如此容易(二)

上一个例子我们是统一引用jquery.validate.js这样所有必填字段的提示信息都将是This field is required. 现在要改成动态提示,比如姓名如果为空则提示姓名不能为空,密码如果为空则提示密码不能为空. 这次我们将校验规则写在代码里 首先还是先引入文件 <script src="js/jquery-1.8.0.min.js" type="text/javascript"></script> <script sr

jquery.form.js实现异步上传

前台页面 1 @{ 2 Layout = null; 3 } 4 <!DOCTYPE html> 5 <html> 6 <head> 7 <meta name="viewport" content="width=device-width" /> 8 <script src="~/Scripts/jquery-1.7.2.min.js"></script> 9 <scri

jQuery Validate扩展验证方法

/***************************************************************** jQuery Validate扩展验证方法 (linjq) *****************************************************************/ $(function(){ // 判断整数value是否等于0 jQuery.validator.addMethod("isIntEqZero", functio

【jquery】Validform,一款不错的 jquery 表单验证插件

关于 Validform 这是一款很不错的 jquery 表单验证插件,它几乎能够满足任何验证需求,仅仅一行代码就能搞定整站的表单验证. $('form').Validform(); 为什么能如此方便?插件的核心思想就是把所有的验证条件及验证提示信息绑定到每个表单元素,让验证代码在执行时只是核对表单下各元素的值是否跟绑定的验证条件相符,这样你可以随便添加或者去掉任一表单元素而不必修改验证代码,从而使仅用一行代码去完成整站的表单验证的梦想成为现实! 功能简介 可以在 input 上直接绑定正则,可