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"
            });
        }
    });

});