jquery验证后ajax提交，返回消息怎样统一显示的问题

最新推荐文章于 2020-03-31 21:00:40 发布

weixin_33727510

最新推荐文章于 2020-03-31 21:00:40 发布

阅读量85

点赞数

文章标签： javascript ViewUI

/* jquery验证后ajax提交。返回消息怎样跟jquery验证体系统一显示的问题，网上查了非常多资料。都没有找到明白的答案，通过数小时的尝试，最终攻克了，现举一个简单的样例，给须要的人參考參考吧*/

<script type="text/javascript">
    $(function () {
        var tt = $("#fmLogin").validate({
            submitHandler: function () {
                $.ajax({
                    url: "http://localhost:6633/Account/AjaxLogin",
                    cache: false,
                    type: "GET",
                    dataType: 'jsonp',
                    data: $("#fmLogin").serialize(),
                    success: function (result) {
                        if (!result) {
                            var errormap = { SystemMsg: "系统忙，请稍后再试！

" }; //注意，map里的key,必须是页面相关标签的name属性值 tt.showErrors(errormap, tt.errorlist); //list就是rules里面定义的那些，注意rules必须包括上面map里的key } if (result.Msg.Code == "VerifyCode") { var errormap = { VerifyCode: result.Msg.Message }; tt.showErrors(errormap, tt.errorlist); } } }); }, errorPlacement: function (error, element) { error.css("top", element.top + element.height); error.css("left", element.left); if (element.is("#txtVerifyCode")) error.insertAfter(element.parent()); else error.insertAfter(element); }, rules: { Account: { required: true, minlength: 6, maxlength: 20, }, Password: { required: true, minlength: 6, maxlength: 15 }, VerifyCode: { required: true }, SystemMsg: { //假设要用来绑定消息。就必须定义，哪怕什么验证都不做。注意必须是绑定消息的某标签的name属性值 } } }); }); </script>