/**
 * Created by 周前梅 主要用於使用者表單校驗邏輯 顯示on 2017/12/9.
 */
$(function(){
    // 手機號碼驗證
jQuery.validator.addMethod("isMobile", function(value, element) {
        var length = value.length;
var mobile = /^(13[0-9]{9})|(18[0-9]{9})|(14[0-9]{9})|(17[0-9]{9})|(15[0-9]{9})$/;
return this.optional(element) || (length == 11 
 
&& mobile.test(value));
}, "請正確填寫您的手機號碼");
// 郵箱驗證規則
jQuery.validator.addMethod("isEmail", function(value, element) {
        var reg = /^([a-zA-Z0-9_-])[email protected]([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;
return this.optional(element) || (reg.test(value));
}, "請正確填寫您的郵箱");
// 下拉框的驗證
jQuery.validator
 
.addMethod("isSelect", function(value, element) {
        return this.optional(element)|| (value!=-1);
}, "請選擇");
});
//校驗使用者表單邏輯
function checkUserForm(id,operate){
    validator = $("#editUserForm").validate({
        //    onfocusout: false,  //失去焦點
onkeyup: false, // 鍵盤是否按下
        //onclick: false,  //是否單擊
 
rules: {
            userName: {
                required: true,
//非同步驗證 開始
remote: {
                    url:   ctx + "/sys/manager/authc_json/checkRepeatUserName.shtml",//傳送請求的url地址
type: "post", //請求方式
async:false,
dataType: "json",//接收的資料型別
cache:false,
data: {
                        userName: function () {
                            return $("#editUserForm #userName").val();
},
userID:id?id:0,
operate:operate
                    },
dataFilter: function (data, type) { //過濾返回結果
if(data == "true"){
                            return true;  //true代表使用者名稱稱還未存在
}else{
                            return false; //false代表使用者名稱稱已經存在
}
                    }
                }
                //非同步驗證 結束
},
roleID:{
                required:true,
isSelect:true
},
realname:{
                required: true
},
phone:{
                required:true,
isMobile:true
},
email:{
                isEmail:true
}

        },
messages: {
            userName: {
                required: "請填寫您的賬號",
remote:"錄入的賬號名稱重複，請重新輸入"
},
realname:{
                required: "請填寫您的真實姓名"
},
roleID:{
                required:"請選擇關聯角色",
isSelect:"請選擇關聯角色"
},
phone:{
                required:"請填寫您的手機號碼",
isMobile:'手機號碼格式不正確'
},
email:{
                isEmail:'郵箱格式不正確'
}
        }
    });
}

/**
 * Created by 周前梅 擴充套件外掛 錯誤提示用layer 顯示on 2017/12/9.
 */
(function ($) {
    "use strict";
$.fn.extend($.validator.defaults, {
        //重寫showErrors
showErrors: function (errorMap, errorList) {
            $.each(errorList, function (i, v) {
                //在此處用了layer的方法,顯示效果更美觀
if($(v.element)[0].tagName.indexOf("SELECT")>-1){ // 針對於select2  控制元件做了調整
layer.tips(v.message, $(v.element).next(), {icon: 2 , time: 2000 });
}else{
                    layer.tips(v.message, v.element, {icon: 2 , time: 2000 });
}
                return false;
});
}
    });
})(jQuery);-------------大家可以嘗試下