/* 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>

jquery验证后ajax提交,返回消息怎样统一显示的问题的更多相关文章

  1. 解决validaform先验证后 ajax提交

    $(".myfroms").Validform({//form class btnSubmit:".submitLayer", 绑定提交按钮 tiptype:4 ...

  2. Form表单利用Jquery Validate验证以及ajax提交

    #表单利用Jquery验证验证以及ajax提交 概述>详细讲解表单利用Jquery >验证验证以及ajax提交的过程,以及Validate的自定义提示语,非空判断,输入字段的远程ajax验 ...

  3. jquery序列化from表单使用ajax提交返回json数据(使用struts2注解result type = json)

    1.action类引入struts2的"json-default"拦截器栈 @ParentPackage("json-default") //示例 @Paren ...

  4. ajax提交 返回中文乱码问题

    接口返回数据相关 使用@ResponseBody后返回NUll 说明:刚把后台运行起来,兴高采烈的测试接口数据,结果无论如何都是返回null, 最终通过各种百度,发现原来是没有引入关键的Jar包. 解 ...

  5. JS实现的一个验证码,可以在前端验证后在提交action

    js实现的一个验证码功能,可以在前端判断验证码输入是否正确 输入的邮箱格式是否正确 验证成功后才提交action到后台 <!DOCTYPE html PUBLIC "-//W3C//D ...

  6. tp5 验证是不是ajax提交

    话不多说,看代码 if(request()->isAjax()){ return "是ajax提交"; }else{ return "不是ajax提交"; ...

  7. jquery.validate和jquery.form配合实现验证表单后AJAX提交

    基础代码其实很简单,之后一点一点扩充.最终代码写在最后. 表单: <form action="@Url.Action("AddColumns","Cont ...

  8. jquery validate 在ajax提交表单下的验证方法

    $(function() {  var method='${method }';  if(method == 'edit'){   url="${ctx}/commodity/typeReN ...

  9. jquery validate如何不提交表单就做验证(ajax提交数据)

    if($("#FromID").valid()){ $.ajax({ type:'post', url:'/CampaignOrderRelations/save', data:{ ...

随机推荐

  1. CF993E Nikita and Order Statistics 多项式卷积 快速傅里叶变换

    题意: 给你一个数组a1~an,对于k=0~n,求出有多少个数组上的区间满足:区间内恰好有k个数比x小.x为一个给定的数.n<=10^5.值域没有意义. 分析: 大神们都说这道题是一个套路题,真 ...

  2. g++使用总结

    学习C和C++的同学应该都知道,gcc是一款跨平台的C/C++编译器,可以在Linux/Windows平台下使用,具有十分强大的功能,结构也十分灵活,并且可以通过不同的前端模块来支持各种语言,如Jav ...

  3. CF-478C

    You have r red, g green and b blue balloons. To decorate a single table for the banquet you need exa ...

  4. 04004_使用JavaScript完成注册表单数据校验

    1.需求分析 (1)用户在进行注册的时候会输入一些内容,但是有些用户会输入一些不合法的内容,这样会导致服务器的压力过大,此时我们需要对用户输入的内容进行一个校验(前端校验和后台校验): (2)前端校验 ...

  5. 【01】sass基础信息:

    [01]基础信息:   2016年4月16日   最新版本:3.4.22   官网:http://sass-lang.com/(下图)       CSStoSCSS 网站:http://css2sa ...

  6. WebStorm下载安装

    下载地址:https://www.jetbrains.com/webstorm/ 注册码: http://idea.codebeta.cn

  7. ul标签中,li标签的移除、属性值获取

  8. Leetcode 310.最小高度树

    最小高度树 对于一个具有树特征的无向图,我们可选择任何一个节点作为根.图因此可以成为树,在所有可能的树中,具有最小高度的树被称为最小高度树.给出这样的一个图,写出一个函数找到所有的最小高度树并返回他们 ...

  9. Android渲染器Shader:梯度渐变扫描渲染器SweepGradient(二)

     Android渲染器Shader:梯度渐变扫描渲染器SweepGradient(二) 附录文章1介绍了线性渐变渲染器. Android的SweepGradient梯度渐变扫描,重点是在构造Swe ...

  10. 【HDOJ6330】Visual Cube(模拟)

    题意: 思路: import java.util.Scanner; public class Main { public static void main(String args[]) { Scann ...