jQuery Validateフォーム検証


"java" import="java.util.*" pageEncoding="utf-8"%>
"c" uri="http://java.sun.com/jsp/jstl/core"%>
"fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<script type="text/javascript">
    $("#addSysRoleForm").validate({
        rules : {
            roleCode : {
                required : true,//       
                maxlength : 20  //        5     (       )
            },
            roleName : {
                required : true,
                maxlength : 20
            },
            remark : {
                maxlength : 200
            }
        },
        errorClass : "help-inline", //        css   ,            。   error
        errorElement : "span",//         ,    label,     em。
        highlight : function(element, errorClass, validClass) {
            $(element).parents('.form-group').addClass('error');
        },
        unhighlight : function(element, errorClass, validClass) {
            $(element).parents('.form-group').removeClass('error');
            $(element).parents('.form-group').addClass('success');
        },
        submitHandler : function() { //          ,            ,        。
            var url = basePath+"admin/adminSysRole/saveAdd";
            $.ajax({
                url : url,
                type : "post",
                data : $("#addSysRoleForm").serialize(),
                async : false,
                success : function(data) {
                    var result = eval('(' + data + ')');
                    var resultObj = isJSONObject(result)?result:eval('(' + result + ')');
                    if (resultObj.success) {
                        loadAdminData();
                        //      
                        return false;
                    } else {
                        layer.msg(resultObj.msg,{icon:2});
                        //      
                        return false;
                    }
                },
                error : function() {
                    layer.msg("      ,     !",{icon:2});
                    //      
                    return false;
                }
            });
        }
    });
script>
<form class="form-inline " id="addSysRoleForm" novalidate="novalidate">
    <div class="modal-content" style="width: 600px;">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal"
                aria-label="Close">
                <span aria-hidden="true">×span>
            button>
            <h4 class="modal-title" id="myModalLabel">      h4>
        div>
        <div class="modal-body row-fluid ">
            <div class=" padding-top-sm row">
                <div class="form-group col-md">
                    <label class="label-four">label>
                    <input
                        type="text" class="form-control-new" name="roleCode"
                        placeholder="    " style="width: 60%">
                div>
                <div class="form-group col-md padding-top-sm">
                    <label for="exampleInputEmail2" class="label-four">label> <input
                        type="text" class="form-control-new" name="roleName"
                        placeholder="   " style="width: 60%">
                div>
                <div class="form-group col-md padding-top-sm">
                    <label class="label-two"><input type="radio" name="status" checked value="0"/>  
                    <input type="radio" name="status" value="1"/>  lable>
                div>
                <div class="form-group col-md padding-top-sm">
                    <label><input type="radio" name="isAdmin" checked value="0"/> 
                    <input type="radio" name="isAdmin" value="1"/> lable>
                div>
                <div class="form-group form-group-textarea col-md-12 padding-top-sm">
                    <label class="label-remark">label>
                    <textarea class="form-control" rows="3" name="remark"
                        style="width:64% !important">textarea>
                div>
            div>
        div>
        <div class="modal-footer">
            <button type="button" class="btn btn-sm2 btn-default" data-dismiss="modal">  button>
            <button type="submit" class="btn btn-sm2 btn-00967b" id="saveButton">  button>
        div>
    div>
form>