$(function(){ $('#feedback').validate({ errorElement: 'span', errorClass: 'false', validClass: 'right', onfocusout: function(element){ $(element).valid(); }, errorPlacement: function(error,element){ element.parent().next().append(error); }, highlight: function(element, errorClass, validClass) { $(element).removeClass('right').addClass('false'); $(element).parent().next().removeClass('right').addClass('false').find('i').html(''); }, success: function(span){ span.parent().removeClass('false').addClass('right'); //span.prev('.iconfont').html(''); }, rules: { username: { required: true }, /*email: { required: true, email: true },*/ phone: { minlength: 5, maxlength: 11, digits: true, required: true }, title: { required: true }, /*message: { required: true, minlength: 6 }*/ }, messages: { username: { required: '请填写姓名' }, /*email: { required: '请填写E-mail', email : '请输入正确格式的电子邮件' },*/ phone: { minlength: "电话号码长度为5-11位", maxlength: "电话号码长度为5-11位", digits: '电话号码只能输入数字', required: '请填写电话号码' }, title: { required: '请填写样品型号' }, /*message: { required: '请填写问题描述', minlength: "问题描述至少要6个字符" }*/ }, /* 重写错误显示消息方法,以alert方式弹出错误消息 */ showErrors : function(errorMap, errorList) { var msg = ""; $.each(errorList, function(i, v) { msg += (v.message + "
"); }); if (msg != "") appUtil.wintitle(msg); }, /* 失去焦点时不验证 */ onfocusout : false, onkeyup:false, }); }) $.validator.setDefaults( { submitHandler: function (form) { $(form).ajaxSubmit({ type:"post", url:"/api/feedback?"+ (new Date()).getTime(), success: function (result, statusText, xhr, ele) { if (result.isSuccess) { appUtil.wintitle($("#feedbacktitle").val()+"已经发送成功!"); var textinfo = $("#feedback input[type='text'],textarea"); textinfo.each(function(){ $(this).val(""); }); } else { appUtil.wintitle("您提交的太频繁!休息一会吧!"); } } }); } }); /*验证demo表单end*/ /*** app.js ***/ var appUtil = { wintitle: function (a) { var c, d, b = this; this.msg_back || (c = '', d = '', this.msg_back = $(c), this.msg_body = $(d), this.msg_back.appendTo(document.body), this.msg_body.appendTo(document.body)), this.msg_body.html(a), b.msg_back.show(), b.msg_body.show(), //$.browser.safari && $.browser.version <= 532.9 && window.scrollTo(0, 0), msgTimeout = setTimeout(function () { b.msg_back.hide(), b.msg_body.hide() }, 3e3) }, hidealert: function () { this.msg_back.hide(), this.msg_body.hide(), msgTimeout && window.clearTimeout(msgTimeout) } }; !(window.jQuery);