jquery validate (3) : ajax请求服务器端验证

最新推荐文章于 2018-06-11 17:37:06 发布

吉普赛的歌

最新推荐文章于 2018-06-11 17:37:06 发布

阅读量1.5k

点赞数

分类专栏：前端 - jQuery Validate

本文链接：https://blog.csdn.net/yenange/article/details/8850010

版权

前端 - jQuery Validate 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>后台验证方式</title>
    <script src="jqValidate/jquery.min.js" type="text/javascript"></script>
    <script src="jqValidate/jquery.metadata.js" type="text/javascript"></script>
    <script src="jqValidate/jquery.validate.js" type="text/javascript"></script>
    <script src="jqValidate/jquery.validate.messages_cn.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#signupForm").validate({
                onkeyup: true,
                rules: {
                    answer:{
                        required: true,
                        remote: {
                            url: "Handler.ashx",     //后台处理程序
                            type: "post",               //数据发送方式
                            dataType: "json",           //接受数据格式   
                            data: {                     //要传递的数据
                                answer: function() {
                                    return $("#answer").val();
                                }
                            }
                        }
                    }
                },
                messages: {
                    answer: {
                        required: "请输入姓名",
                        remote: "远程请求不正确"
                    }
                }
            });
        });
        
    </script>
</head>
<body>
    <form id="signupForm" method="get" action="">
    <p>
        <label for="firstname">
            请输入答案: </label>
        <input id="answer" name="answer" />
    </p>
    <p>
        <input class="submit" type="submit" value="Submit" />
    </p>
    </form>
</body>
</html>

2. Handler.ashx

<%@ WebHandler Language="C#" Class="Handler" %>

using System;
using System.Web;

public class Handler : IHttpHandler {
    
    public void ProcessRequest (HttpContext context) {
        context.Response.ContentType = "text/plain";
        string result = context.Request["answer"] == "OK" ? "true" : "false";
        context.Response.Write( result );
    }
 
    public bool IsReusable {
        get {
            return false;
        }
    }
}

吉普赛的歌

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jquery validate (3) : ajax请求服务器端验证

后台验证方式 $(function () { $("#signupForm").validate({ onkeyup: true, rules: { answer:{
复制链接

扫一扫