`

Asp.net MVC中 model 验证方式 ajax +jquery

阅读更多

在项目开发中,最常见的莫过注册,登录,而这其中最常见的莫过于验证了。良好的验证界面会很好的提高用户体验度。

asp.net mvc验证提供了前台的ajax验证方式,

1.非空验证

public class User
{
    public int ID { get; set; }

    [DisplayName("姓名")]
    [Required(ErrorMessage = "姓名不能为空")]
    public string Name { get; set; }
}

 2.字符长度验证

[DisplayName("密码")]
    [StringLength(6, ErrorMessage = "密码不能超过6个字符")]
    public string Password { get; set; }

 3,正则表达式验证

[DisplayName("电子邮件")]       
[RegularExpression(@"^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$", 
 ErrorMessage = "请输入正确的Email格式\n示例:abc@123.com")]        
public string Email { get; set; }

 更详细的正则表达式见页面底部附录:

4. dropdownlist控件验证 此类似缺不同于非空验证 需要加一个特殊的属性才能成功

 

public class MyViewModel
{
    [Required]
    public string CategoryId { get; set; }

    public IEnumerable<Category> Categories { get; set; }
}

 

@Html.DropDownListFor(
    x => x.CategoryId, 
    new SelectList(Model.Categories, "ID", "CategoryName"), 
    "-- Please select a category --"
)
@Html.ValidationMessageFor(x => x.CategoryId)

 5.业务逻辑验证

[DisplayName("姓名")]        
[Required(ErrorMessage = "姓名不能为空")]       
[Remote("GetUser", "User", ErrorMessage = "该姓名已存在")]       
public string Name { get; set; }

 

//HttpGet是必须加的
[HttpGet]        
public ActionResult GetUser(string name)        
{
    return Json(name != "aa", JsonRequestBehavior.AllowGet);        
}

 另外还有些集成的插件 可以供您选择

http://www.alixixi.com/web/a/2011041869698.shtml

 

匹配中文字符的正则表达式: [u4e00-u9fa5]
评注:匹配中文还真是个头疼的事,有了这个表达式就好办了
匹配双字节字符(包括汉字在内):[^x00-xff]
评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)
匹配空白行的正则表达式:ns*r
评注:可以用来删除空白行
匹配HTML标记的正则表达式:<(S*?)[^>]*>.*?|<.*? />
评注:网上流传的版本太糟糕,上面这个也仅仅能匹配部分,对于复杂的嵌套标记依旧无能为力
匹配首尾空白字符的正则表达式:^s*|s*$
评注:可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等),非常有用的表达式
匹配Email地址的正则表达式:w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*
评注:表单验证时很实用
匹配网址URL的正则表达式:[a-zA-z]+://[^s]*
评注:网上流传的版本功能很有限,上面这个基本可以满足需求
匹配帐号是否合法(字母开头,允许5-16字节,允许字母数字下划线):^[a-zA-Z][a-zA-Z0-9_]{4,15}$
评注:表单验证时很实用
匹配国内电话号码:d{3}-d{8}|d{4}-d{7}
评注:匹配形式如 0511-4405222 或 021-87888822
匹配腾讯QQ号:[1-9][0-9]{4,}
评注:腾讯QQ号从10000开始
匹配中国邮政编码:[1-9]d{5}(?!d)
评注:中国邮政编码为6位数字
匹配身份证:d{15}|d{18}
评注:中国的身份证为15位或18位
匹配ip地址:d+.d+.d+.d+
评注:提取ip地址时有用
 
最强验证日期的正则表达式,添加了闰年的验证

这个日期正则表达式支持
YYYY-MM-DD 
YYYY/MM/DD 
YYYY_MM_DD 
YYYY.MM.DD的形式

match : 2008-2-29 2008/02/29

not match : 2008-2-30    2007-2-29

完整的正则表达式如下:
((^((1[8-9]/d{2})|([2-9]/d{3}))([-///._])(10|12|0?[13578])([-///._])(3[01]|[12][0-9]|0?[1-9])$)|(^((1[8-9]/d{2})|([2-9]/d{3}))([-///._])(11|0?[469])([-///._])(30|[12][0-9]|0?[1-9])$)|(^((1[8-9]/d{2})|([2-9]/d{3}))([-///._])(0?2)([-///._])(2[0-8]|1[0-9]|0?[1-9])$)|(^([2468][048]00)([-///._])(0?2)([-///._])(29)$)|(^([3579][26]00)([-///._])(0?2)([-///._])(29)$)|(^([1][89][0][48])([-///._])(0?2)([-///._])(29)$)|(^([2-9][0-9][0][48])([-///._])(0?2)([-///._])(29)$)|(^([1][89][2468][048])([-///._])(0?2)([-///._])(29)$)|(^([2-9][0-9][2468][048])([-///._])(0?2)([-///._])(29)$)|(^([1][89][13579][26])([-///._])(0?2)([-///._])(29)$)|(^([2-9][0-9][13579][26])([-///._])(0?2)([-///._])(29)$))
闰年的2月份有29天,因此匹配闰年日期格式为YYYY-MM-DD的正则表达式为:

(([0-9]{2})(0[48]|[2468][048]|[13579][26])|((0[48]|[2468][048]|[3579][26])00))-02-29

最后,将平年和闰年的日期验证表达式合并,我们得到最终的验证日期格式为YYYY-MM-DD的正则表达式为:

(([0-9]{3}[1-9]|[0-9]{2}[1-9][0-9]{1}|[0-9]{1}[1-9][0-9]{2}|[1-9][0-9]{3})-(((0[13578]|1[02])-(0[1-9]|[12][0-9]|3[01]))|((0[469]|11)-(0[1-9]|[12][0-9]|30))|(02-(0[1-9]|[1][0-9]|2[0-8]))))|((([0-9]{2})(0[48]|[2468][048]|[13579][26])|((0[48]|[2468][048]|[3579][26])00))-02-29)

DD/MM/YYYY格式的正则验证表达式为:

(((0[1-9]|[12][0-9]|3[01])/((0[13578]|1[02]))|((0[1-9]|[12][0-9]|30)/(0[469]|11))|(0[1-9]|[1][0-9]|2[0-8])/(02))/([0-9]{3}[1-9]|[0-9]{2}[1-9][0-9]{1}|[0-9]{1}[1-9][0-9]{2}|[1-9][0-9]{3}))|(29/02/(([0-9]{2})(0[48]|[2468][048]|[13579][26])|((0[48]|[2468][048]|[3579][26])00)))

匹配特定数字:
^[1-9]d*$    //匹配正整数
^-[1-9]d*$   //匹配负整数
^-?[1-9]d*$   //匹配整数
^[1-9]d*|0$  //匹配非负整数(正整数 + 0)
^-[1-9]d*|0$   //匹配非正整数(负整数 + 0)
^[1-9]d*.d*|0.d*[1-9]d*$   //匹配正浮点数
^-([1-9]d*.d*|0.d*[1-9]d*)$  //匹配负浮点数
^-?([1-9]d*.d*|0.d*[1-9]d*|0?.0+|0)$  //匹配浮点数
^[1-9]d*.d*|0.d*[1-9]d*|0?.0+|0$   //匹配非负浮点数(正浮点数 + 0)
^(-([1-9]d*.d*|0.d*[1-9]d*))|0?.0+|0$  //匹配非正浮点数(负浮点数 + 0)
评注:处理大量数据时有用,具体应用时注意修正
匹配特定字符串:
^[A-Za-z]+$  //匹配由26个英文字母组成的字符串
^[A-Z]+$  //匹配由26个英文字母的大写组成的字符串
^[a-z]+$  //匹配由26个英文字母的小写组成的字符串
^[A-Za-z0-9]+$  //匹配由数字和26个英文字母组成的字符串
^w+$  //匹配由数字、26个英文字母或者下划线组成的字符串

在使用RegularExpressionValidator验证控件时的验证功能及其验证表达式介绍如下:

只能输入数字:“^[0-9]*$”
只能输入n位的数字:“^d{n}$”
只能输入至少n位数字:“^d{n,}$”
只能输入m-n位的数字:“^d{m,n}$”
只能输入零和非零开头的数字:“^(0|[1-9][0-9]*)$”
只能输入有两位小数的正实数:“^[0-9]+(.[0-9]{2})?$”
只能输入有1-3位小数的正实数:“^[0-9]+(.[0-9]{1,3})?$”
只能输入非零的正整数:“^+?[1-9][0-9]*$”
只能输入非零的负整数:“^-[1-9][0-9]*$”
只能输入长度为3的字符:“^.{3}$”
只能输入由26个英文字母组成的字符串:“^[A-Za-z]+$”
只能输入由26个大写英文字母组成的字符串:“^[A-Z]+$”
只能输入由26个小写英文字母组成的字符串:“^[a-z]+$”
只能输入由数字和26个英文字母组成的字符串:“^[A-Za-z0-9]+$”
只能输入由数字、26个英文字母或者下划线组成的字符串:“^w+$”
验证用户密码:“^[a-zA-Z]w{5,17}$”正确格式为:以字母开头,长度在6-18之间,

只能包含字符、数字和下划线。
验证是否含有^%&',;=?$"等字符:“[^%&',;=?$x22]+”
只能输入汉字:“^[u4e00-u9fa5],{0,}$”
验证Email地址:“^w+[-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$”
验证InternetURL:“^http://([w-]+.)+[w-]+(/[w-./?%&=]*)?$”
验证电话号码:“^((d{3,4})|d{3,4}-)?d{7,8}$”

正确格式为:“XXXX-XXXXXXX”,“XXXX-XXXXXXXX”,“XXX-XXXXXXX”,

“XXX-XXXXXXXX”,“XXXXXXX”,“XXXXXXXX”。
验证身份证号(15位或18位数字):“^d{15}|d{}18$”
验证一年的12个月:“^(0?[1-9]|1[0-2])$”正确格式为:“01”-“09”和“1”“12”
验证一个月的31天:“^((0?[1-9])|((1|2)[0-9])|30|31)$”

正确格式为:“01”“09”和“1”“31”。

匹配中文字符的正则表达式: [u4e00-u9fa5]
匹配双字节字符(包括汉字在内):[^x00-xff]
匹配空行的正则表达式:n[s| ]*r
匹配HTML标记的正则表达式:/<(.*)>.*</1>|<(.*) />/ 
匹配首尾空格的正则表达式:(^s*)|(s*$)
匹配Email地址的正则表达式:w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*
匹配网址URL的正则表达式:http://([w-]+.)+[w-]+(/[w- ./?%&=]*)?
(1)应用:计算字符串的长度(一个双字节字符长度计2,ASCII字符计1) 
String.prototype.len=function(){return this.replace([^x00-xff]/g,"aa").length;}
(2)应用:javascript中没有像vbscript那样的trim函数,我们就可以利用这个表达式来实现
String.prototype.trim = function()
{
return this.replace(/(^s*)|(s*$)/g, "");
}
(3)应用:利用正则表达式分解和转换IP地址
function IP2V(ip) //IP地址转换成对应数值
{
re=/(d+).(d+).(d+).(d+)/g //匹配IP地址的正则表达式
if(re.test(ip))
{
return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1
}
else
{
throw new Error("Not a valid IP address!")
}
}
(4)应用:从URL地址中提取文件名的javascript程序
s="http://www.9499.net/page1.htm";
s=s.replace(/(.*/){0,}([^.]+).*/ig,"$2") ; //Page1.htm
(5)应用:利用正则表达式限制网页表单里的文本框输入内容
用正则表达式限制只能输入中文:onkeyup="value=value.replace(/[^u4E00-u9FA5]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^u4E00-u9FA5]/g,''))"
用正则表达式限制只能输入全角字符: onkeyup="value=value.replace(/[^uFF00-uFFFF]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^uFF00-uFFFF]/g,''))"
用正则表达式限制只能输入数字:onkeyup="value=value.replace(/[^d]/g,'') "onbeforepaste= "clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))"
用正则表达式限制只能输入数字和英文:onkeyup="value=value.replace(/[W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''

 

 

 

 

3
2
分享到:
评论

相关推荐

    Asp.Net MVC案例教程

    综上所述,Asp.Net MVC教程的案例涵盖了模型-视图-控制器的设计模式、路由、模型绑定、视图数据与视图模型、单元测试、异常处理、验证以及AJAX支持等多个核心知识点。通过学习这些案例,开发者可以逐步掌握Asp.Net ...

    ASP.NET MVC 2 RTM + 实例程序 + 开发文档.

    ASP.NET MVC模式遵循模型-视图-控制器(Model-View-Controller)设计模式,这是一种软件设计架构,它将应用程序分为三个核心部分:模型负责管理业务逻辑和数据,视图专注于展示用户界面,而控制器处理用户输入并协调...

    asp.net mvc2.0+前台Jquery+IbatisNet+Castle

    在ASP.NET MVC项目中,Jquery可以用来增强前端用户体验,比如通过AJAX实现无刷新页面更新,或者通过插件如DataTables实现表格分页和排序。 IbatisNet是一个轻量级的数据访问层框架,它是MyBatis的.NET版本。与ORM...

    Asp.Net MVC4 + Oracle + EasyUI + Bootstrap 序章

    在本项目中,我们主要探讨的是使用Asp.Net MVC4框架进行Web应用开发,并结合Oracle数据库、EasyUI前端框架和Bootstrap样式库来构建一个高效、美观的用户界面。以下是关于这些技术的详细说明: 1. **Asp.Net MVC4**...

    asp.net mvc+jquery开发的商业项目

    在这个"asp.net mvc+jquery开发的商业项目"中,我们可以深入学习到如何将这两种技术有效地结合在一起,构建高效、响应式的Web应用。以下是一些关键知识点: 1. **MVC模式**:理解MVC模式的基本概念,包括模型...

    Spring.NET + NHibernate + ASP.NET MVC + jQuery + easyUI 中英文双语言小型企业网站Demo

    综上所述,这个项目是一个综合性的企业网站演示,利用了Spring.NET、NHibernate、ASP.NET MVC、jQuery 和 easyUI 这些技术栈,展示了如何将开源框架整合在一起,构建一个中英文双语的小型企业网站。通过学习这个项目...

    asp.net mvc 示例项目

    - **jQuery和Ajax**:ASP.NET MVC项目通常会结合使用jQuery库进行客户端脚本操作,通过Ajax实现异步数据交互,提高用户体验。 在解压的"code"文件中,你可以找到项目的源代码,包括控制器文件(Controllers)、视图...

    ASP.NET MVC 项目集合.zip

    9. **AJAX支持**: ASP.NET MVC与jQuery和其他JavaScript库集成良好,可以实现无刷新更新,提高用户体验。 10. **单元测试(Unit Testing)**: ASP.NET MVC项目易于编写单元测试,因为控制器动作方法是无状态的。...

    【全网首发】ASP.NET MVC4开发指南(附带源码)

    MVC(Model-View-Controller)模式是ASP.NET MVC4的核心设计原则,它将应用程序分为三个主要部分:模型(Model)、视图(View)和控制器(Controller)。模型负责业务逻辑和数据管理,视图负责用户界面展示,控制器...

    ASP.NET MVC使用JQuery系列

    6. **JQuery与ASP.NET MVC的结合**:学习如何在ASP.NET MVC应用中引入和使用JQuery,实现动态交互效果,如表单验证、异步数据加载等。了解如何使用JQuery AJAX方法与服务器进行通信,更新页面内容而无需刷新整个页面...

    dwz框架 asp.net mvc3

    在具体应用中,DWZ的Ajax功能可以无缝对接ASP.NET MVC3的Ajax动作方法,实现无刷新页面更新。例如,使用DWZ的表格组件,可以通过Ajax调用MVC3的Controller中的Action获取数据,然后动态填充到表格中,提供快速的数据...

    asp.Net mvc4 实例

    7. **AJAX支持**:ASP.NET MVC4内置对jQuery AJAX的支持,可以实现无刷新的用户体验。例如,使用`Ajax.BeginForm`或`Ajax.ActionLink`来创建异步表单提交或链接。 8. **Bootstrap集成**:ASP.NET MVC4默认集成了...

    ASP.NET MVC开发实战超完整源码

    11. **AJAX集成**:ASP.NET MVC支持与jQuery和其他JavaScript库的集成,可以创建异步更新的页面,提升用户体验。 12. **单元测试与TDD(Test-Driven Development)**:ASP.NET MVC的解耦特性使得编写单元测试变得...

    asp.net mvc 分部视图的基本使用

    总结,ASP.NET MVC中的分部视图提供了灵活的方式去构建模块化、可重用的用户界面。通过直接渲染、使用动作方法以及传递参数,我们可以根据项目需求来高效地管理页面结构,提升用户体验。在实际开发中,结合这些方法...

    NHibernte+ASP.NET MVC+JQuery实现增删改查

    本案例"NHibernate+ASP.NET MVC+JQuery实现增删改查"就是这样一个典型的组合,结合了ORM(对象关系映射)工具NHibernate、MVC(模型-视图-控制器)设计模式和前端交互库jQuery,以实现数据库操作的基本功能。...

    jquery +asp.net MVC+多种分页样式源码

    开发者可以通过查看和学习源码了解如何在ASP.NET MVC项目中集成jQuery分页插件,以及如何实现各种分页样式的动态切换。 5. **实际应用**:在实际开发中,这个源码可以作为基础模板,用于快速搭建具有分页功能的Web...

    ASP.NET MVC4通用企业门户网站源码solver.zip

    6. **AJAX支持**:ASP.NET MVC4集成了jQuery和其他JavaScript库,支持异步请求,提升用户体验,实现页面无刷新更新。 7. **Bootstrap**:可能会包含Bootstrap框架,这是一个流行的前端开发工具包,用于创建响应式...

    ASP.NET MVC电子书

    9. **AJAX和jQuery**:如何在ASP.NET MVC中集成AJAX技术,提升用户体验。 10. **视图组件和部分视图**:介绍如何创建和使用可重用的视图组件,提高代码复用性。 11. **依赖注入**:讨论使用依赖注入容器如Unity或...

Global site tag (gtag.js) - Google Analytics