jQuery+Asp.net MVC实现用户名重名查询

用JQuery的插件validate来实现，更加简单，相比之前用xmlhttprequest来说，不用考虑浏览器兼容的问题，这也是使用是Jquery这个轻量级框架的特点之一。
此处用的是ASP.NET MVC RC,aspx代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestValidation1.aspx.cs" Inherits="DemoMVCForm.Views.FormDemo.TestValidation1" %>
<!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 runat="server">
    <title>Demo</title>
    <script src="http://www.cnblogs.com/Scripts/jquery-1.2.6.min.js" type="text/javascript"></script>
    <script src="http://www.cnblogs.com/Scripts/jquery.validate.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("#form-sign-up").validate({
                rules: {
                    login: {
                    required: true,
                      //here invoke related action
                        remote: '<%=Url.Action("IsLoginAvailable", "FormDemo") %>'
                    }
                },
                messages: {
                    login: {
                        required: "请输入用户名",
                        remote: jQuery.format("{0} 已经有人用了")
                    }
                },
                // set this class to error-labels to indicate valid fields
                success: function(label) {
                    // set   as text for IE
                    label.html(" ").addClass("checked");
                }
            });
        });
</script>
</head>
<body>
    <form action="<%=Url.Action("Register", "FormDemo")%>" method="post" id="form-sign-up">
    <h1>Demo表单</h1>
    <table id="inputArea">
        <tr>
            <td>用户名 (试试输入 Petter):</td>
            <td><input type="text" name="login" id="login" /></td>
        </tr>
        <tr>
            <td colspan="2" align="center"><br /><input type="submit" /></td>
        </tr>
    </table>
</form>
</body>
</html>

Asp.net MVC支持Json，所有返回Json的结果，直接使用是JsonResult,看代码cs，很简单：

cs
  /// <summary>
    /// FormDemoController
    /// </summary>
    /// <remark>Author : PetterLiu 2009-1-12 17:20  DEV-LIUJUNYUAN</remark>
    public class FormDemoController : Controller
    {
        public JsonResult IsLoginAvailable(string login)
        {
            //TODO: Do the validation
            JsonResult result = new JsonResult();
            if (login == "Petter")
                result.Data = false;
            else
                result.Data = true;

            return result;
        }
    }

(责任编辑：admin)

ASP.NET MVC与WebForm最大的区别	ASP.NET MVC系列教程(11)：Action Filter 与内置的Fil
ASP.NET MVC系列教程(9)：ModelState与数据验证(2)	MVC RC2中关于HtmlHelper给DropDownList设置初始选中值的问
ASP.NET MVC2右键菜单和最简单分页	浅谈ASP.NET MVC与WebForm区别
ASP.NET MVC 2 转换工具	将ASP.NET MVC 2.0 部署在IIS6和IIS7上的教程
在ASP.NET MVC中如何应用多个相同类型的ValidationAttribut	asp.net mvc中直接访问静态页面
Asp.net Mvc Pv4中使用AjaxHelper	asp.net mvc+ExtJs上传文件
通过扩展改善ASP.NET MVC的验证机制	ASP.NET MVC系列教程(3):Routing技术
Asp.net mvc中的UpLoad小技巧	ASP.NET MVC路由规则XML化
ASP.NET MVC Framework体验（5）：路径选择	ASP.NET MVC3的伪静态实现

ASP.NET学习网|ASP.NET教程|ASP.NET MVC|ASP.NET 源码|VS2010教程|ASP.NET视频教程

热门标签

jQuery+Asp.net MVC实现用户名重名查询

Tags：MVC