JQuery+Asp.net MVC實現用戶名

　　之前寫過一篇Post用Ajax查詢用戶名是否重名這次我們用JQuery的插件validate來實現更加簡單相比之前用xmlhttprequest來說不用考慮浏覽器兼容的問題這也是使用是Jquery這個輕量級框架的特點之一

    此處用的是ASPNET MVC RCaspx代碼如下

    <%@ Page Language=C# AutoEventWireup=true CodeBehind=TestValidationaspxcs Inherits=DemoMVCFormViewsFormDemoTestValidation %>

    <!DOCTYPE html PUBLIC //WC//DTD XHTML Transitional//EN >

    <html xmlns= >

    <head runat=server>

    <title>Demo</title>

    <script src=minjs type=text/javascript></script>

    <script src= type=text/javascript></script>

    <script type=text/javascript>

    $（document）ready（function（） {

    $（#formsignup）validate（{

    rules: {

    login: {

    required: true

    //here invoke related action

    remote: <%=UrlAction（IsLoginAvailable FormDemo） %>

    }

    }

    messages: {

    login: {

    required: 請輸入用戶名

    remote: jQueryformat（{} 已經有人用了）

    }

    }

    // set this class to errorlabels to indicate valid fields

    success: function（label） {

    // set   as text for IE

    l（）addClass（checked）

    }

    }）

    }）

    </script>

    </head>

    <body>

    <form action=<%=UrlAction（Register FormDemo）%> method=post id=formsignup>

    <h>Demo表單</h>

    <table id=inputArea>

    <tr>

    <td>用戶名（試試輸入 Petter）</td>

    <td><input type=text name=login id=login /></td>

    </tr>

    <tr>

    <td colspan= align=center><br /><input type=submit /></td>

    </tr>

    </table>

    </form>

    </body>

    </html>

    MVC支持Json所有返回Json的結果直接使用是JsonResult看代碼cs很簡單

    cs

    /// <summary>

    /// FormDemoController

    /// </summary>

    /// <remark>Author : PetterLiu : DEVLIUJUNYUAN</remark>

    public class FormDemoController : Controller

    {

    public JsonResult IsLoginAvailable（string login）

    {

    //TODO: Do the validation

    JsonResult result = new JsonResult（）

    if （login == Petter）

    resultData = false;

    else

    resultData = true;

　　return result;
}
}

From:http://tw.wingwit.com/Article/program/net/201311/12552.html