熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

JQuery+Asp.net MVC實現用戶名

2013-11-13 10:06:01  來源: .NET編程 

  之前寫過一篇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() {
   
    $(#formsignupvalidate({
   
    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
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.