posts - 930,  comments - 588,  views - 402万
< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

      之前写过一篇Post用Ajax查询用户名是否重名,这次我们用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;
        }
    }
复制代码


相关引用:
   Asp.net MVC       http://www.asp.net/mvc
   JQuery                http://www.jquery.com
   jquery-validation  http://bassistance.de/jquery-plugins/jquery-plugin-validation/


   Author:PetterLiu  http://www.cnblogs.com/wintersun/  

 

posted on   PetterLiu  阅读(2977)  评论(0编辑  收藏  举报
编辑推荐:
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
阅读排行:
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· 【.NET】调用本地 Deepseek 模型
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
· 上周热点回顾(2.17-2.23)
点击右上角即可分享
微信分享提示