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

49 篇文章 0 订阅

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

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

1.非空验证

非空验证方式代码   收藏代码
  1. public class User  
  2. {  
  3.     public int ID { get; set; }  
  4.   
  5.     [DisplayName("姓名")]  
  6.     [Required(ErrorMessage = "姓名不能为空")]  
  7.     public string Name { get; set; }  
  8. }  

 2.字符长度验证

C#代码   收藏代码
  1. [DisplayName("密码")]  
  2.     [StringLength(6, ErrorMessage = "密码不能超过6个字符")]  
  3.     public string Password { getset; }  

 3,正则表达式验证

C#代码   收藏代码
  1. [DisplayName("电子邮件")]         
  2. [RegularExpression(@"^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$",   
  3.  ErrorMessage = "请输入正确的Email格式\n示例:abc@123.com")]          
  4. public string Email { getset; }  

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

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

 

C#代码   收藏代码
  1. public class MyViewModel  
  2. {  
  3.     [Required]  
  4.     public string CategoryId { getset; }  
  5.   
  6.     public IEnumerable<Category> Categories { getset; }  
  7. }  

 

C#代码   收藏代码
  1. @Html.DropDownListFor(  
  2.     x => x.CategoryId,   
  3.     new SelectList(Model.Categories, "ID""CategoryName"),   
  4.     "-- Please select a category --"  
  5. )  
  6. @Html.ValidationMessageFor(x => x.CategoryId)  

 5.业务逻辑验证

C#代码   收藏代码
  1. [DisplayName("姓名")]          
  2. [Required(ErrorMessage = "姓名不能为空")]         
  3. [Remote("GetUser""User", ErrorMessage = "该姓名已存在")]         
  4. public string Name { getset; }  

 

C#代码   收藏代码
  1. //HttpGet是必须加的  
  2. [HttpGet]          
  3. public ActionResult GetUser(string name)          
  4. {  
  5.     return Json(name != "aa", JsonRequestBehavior.AllowGet);          
  6. }  

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

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

 

正则表达式代码   收藏代码
  1. 匹配中文字符的正则表达式: [u4e00-u9fa5]  
  2. 评注:匹配中文还真是个头疼的事,有了这个表达式就好办了  
  3. 匹配双字节字符(包括汉字在内):[^x00-xff]  
  4. 评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)  
  5. 匹配空白行的正则表达式:ns*r  
  6. 评注:可以用来删除空白行  
  7. 匹配HTML标记的正则表达式:<(S*?)[^>]*>.*?|<.*? />  
  8. 评注:网上流传的版本太糟糕,上面这个也仅仅能匹配部分,对于复杂的嵌套标记依旧无能为力  
  9. 匹配首尾空白字符的正则表达式:^s*|s*$  
  10. 评注:可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等),非常有用的表达式  
  11. 匹配Email地址的正则表达式:w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*  
  12. 评注:表单验证时很实用  
  13. 匹配网址URL的正则表达式:[a-zA-z]+://[^s]*  
  14. 评注:网上流传的版本功能很有限,上面这个基本可以满足需求  
  15. 匹配帐号是否合法(字母开头,允许5-16字节,允许字母数字下划线):^[a-zA-Z][a-zA-Z0-9_]{4,15}$  
  16. 评注:表单验证时很实用  
  17. 匹配国内电话号码:d{3}-d{8}|d{4}-d{7}  
  18. 评注:匹配形式如 0511-4405222 或 021-87888822  
  19. 匹配腾讯QQ号:[1-9][0-9]{4,}  
  20. 评注:腾讯QQ号从10000开始  
  21. 匹配中国邮政编码:[1-9]d{5}(?!d)  
  22. 评注:中国邮政编码为6位数字  
  23. 匹配身份证:d{15}|d{18}  
  24. 评注:中国的身份证为15位或18位  
  25. 匹配ip地址:d+.d+.d+.d+  
  26. 评注:提取ip地址时有用  
  27.    
  28. 最强验证日期的正则表达式,添加了闰年的验证  
  29.   
  30. 这个日期正则表达式支持  
  31. YYYY-MM-DD   
  32. YYYY/MM/DD   
  33. YYYY_MM_DD   
  34. YYYY.MM.DD的形式  
  35.   
  36. match : 2008-2-29 2008/02/29  
  37.   
  38. not match : 2008-2-30    2007-2-29  
  39.   
  40. 完整的正则表达式如下:  
  41. ((^((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)$))  
  42. 闰年的2月份有29天,因此匹配闰年日期格式为YYYY-MM-DD的正则表达式为:  
  43.   
  44. (([0-9]{2})(0[48]|[2468][048]|[13579][26])|((0[48]|[2468][048]|[3579][26])00))-02-29  
  45.   
  46. 最后,将平年和闰年的日期验证表达式合并,我们得到最终的验证日期格式为YYYY-MM-DD的正则表达式为:  
  47.   
  48. (([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)  
  49.   
  50. DD/MM/YYYY格式的正则验证表达式为:  
  51.   
  52. (((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)))  
  53.   
  54. 匹配特定数字:  
  55. ^[1-9]d*$    //匹配正整数  
  56. ^-[1-9]d*$   //匹配负整数  
  57. ^-?[1-9]d*$   //匹配整数  
  58. ^[1-9]d*|0$  //匹配非负整数(正整数 + 0)  
  59. ^-[1-9]d*|0$   //匹配非正整数(负整数 + 0)  
  60. ^[1-9]d*.d*|0.d*[1-9]d*$   //匹配正浮点数  
  61. ^-([1-9]d*.d*|0.d*[1-9]d*)$  //匹配负浮点数  
  62. ^-?([1-9]d*.d*|0.d*[1-9]d*|0?.0+|0)$  //匹配浮点数  
  63. ^[1-9]d*.d*|0.d*[1-9]d*|0?.0+|0$   //匹配非负浮点数(正浮点数 + 0)  
  64. ^(-([1-9]d*.d*|0.d*[1-9]d*))|0?.0+|0$  //匹配非正浮点数(负浮点数 + 0)  
  65. 评注:处理大量数据时有用,具体应用时注意修正  
  66. 匹配特定字符串:  
  67. ^[A-Za-z]+$  //匹配由26个英文字母组成的字符串  
  68. ^[A-Z]+$  //匹配由26个英文字母的大写组成的字符串  
  69. ^[a-z]+$  //匹配由26个英文字母的小写组成的字符串  
  70. ^[A-Za-z0-9]+$  //匹配由数字和26个英文字母组成的字符串  
  71. ^w+$  //匹配由数字、26个英文字母或者下划线组成的字符串  
  72.   
  73. 在使用RegularExpressionValidator验证控件时的验证功能及其验证表达式介绍如下:  
  74.   
  75. 只能输入数字:“^[0-9]*$”  
  76. 只能输入n位的数字:“^d{n}$”  
  77. 只能输入至少n位数字:“^d{n,}$”  
  78. 只能输入m-n位的数字:“^d{m,n}$”  
  79. 只能输入零和非零开头的数字:“^(0|[1-9][0-9]*)$”  
  80. 只能输入有两位小数的正实数:“^[0-9]+(.[0-9]{2})?$”  
  81. 只能输入有1-3位小数的正实数:“^[0-9]+(.[0-9]{1,3})?$”  
  82. 只能输入非零的正整数:“^+?[1-9][0-9]*$”  
  83. 只能输入非零的负整数:“^-[1-9][0-9]*$”  
  84. 只能输入长度为3的字符:“^.{3}$”  
  85. 只能输入由26个英文字母组成的字符串:“^[A-Za-z]+$”  
  86. 只能输入由26个大写英文字母组成的字符串:“^[A-Z]+$”  
  87. 只能输入由26个小写英文字母组成的字符串:“^[a-z]+$”  
  88. 只能输入由数字和26个英文字母组成的字符串:“^[A-Za-z0-9]+$”  
  89. 只能输入由数字、26个英文字母或者下划线组成的字符串:“^w+$”  
  90. 验证用户密码:“^[a-zA-Z]w{5,17}$”正确格式为:以字母开头,长度在6-18之间,  
  91.   
  92. 只能包含字符、数字和下划线。  
  93. 验证是否含有^%&',;=?$"等字符:“[^%&',;=?$x22]+”  
  94. 只能输入汉字:“^[u4e00-u9fa5],{0,}$”  
  95. 验证Email地址:“^w+[-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$”  
  96. 验证InternetURL:“^http://([w-]+.)+[w-]+(/[w-./?%&=]*)?$”  
  97. 验证电话号码:“^((d{3,4})|d{3,4}-)?d{7,8}$”  
  98.   
  99. 正确格式为:“XXXX-XXXXXXX”,“XXXX-XXXXXXXX”,“XXX-XXXXXXX”,  
  100.   
  101. “XXX-XXXXXXXX”,“XXXXXXX”,“XXXXXXXX”。  
  102. 验证身份证号(15位或18位数字):“^d{15}|d{}18$”  
  103. 验证一年的12个月:“^(0?[1-9]|1[0-2])$”正确格式为:“01”-“09”和“1”“12”  
  104. 验证一个月的31天:“^((0?[1-9])|((1|2)[0-9])|30|31)$”  
  105.   
  106. 正确格式为:“01”“09”和“1”“31”。  
  107.   
  108. 匹配中文字符的正则表达式: [u4e00-u9fa5]  
  109. 匹配双字节字符(包括汉字在内):[^x00-xff]  
  110. 匹配空行的正则表达式:n[s| ]*r  
  111. 匹配HTML标记的正则表达式:/<(.*)>.*</1>|<(.*) />/   
  112. 匹配首尾空格的正则表达式:(^s*)|(s*$)  
  113. 匹配Email地址的正则表达式:w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*  
  114. 匹配网址URL的正则表达式:http://([w-]+.)+[w-]+(/[w- ./?%&=]*)?  
  115. (1)应用:计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)   
  116. String.prototype.len=function(){return this.replace([^x00-xff]/g,"aa").length;}  
  117. (2)应用:javascript中没有像vbscript那样的trim函数,我们就可以利用这个表达式来实现  
  118. String.prototype.trim = function()  
  119. {  
  120. return this.replace(/(^s*)|(s*$)/g, "");  
  121. }  
  122. (3)应用:利用正则表达式分解和转换IP地址  
  123. function IP2V(ip) //IP地址转换成对应数值  
  124. {  
  125. re=/(d+).(d+).(d+).(d+)/g //匹配IP地址的正则表达式  
  126. if(re.test(ip))  
  127. {  
  128. return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1  
  129. }  
  130. else  
  131. {  
  132. throw new Error("Not a valid IP address!")  
  133. }  
  134. }  
  135. (4)应用:从URL地址中提取文件名的javascript程序  
  136. s="http://www.9499.net/page1.htm";  
  137. s=s.replace(/(.*/){0,}([^.]+).*/ig,"$2") ; //Page1.htm  
  138. (5)应用:利用正则表达式限制网页表单里的文本框输入内容  
  139. 用正则表达式限制只能输入中文:οnkeyup="value=value.replace(/[^u4E00-u9FA5]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^u4E00-u9FA5]/g,''))"  
  140. 用正则表达式限制只能输入全角字符: οnkeyup="value=value.replace(/[^uFF00-uFFFF]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^uFF00-uFFFF]/g,''))"  
  141. 用正则表达式限制只能输入数字:οnkeyup="value=value.replace(/[^d]/g,'') "onbeforepaste= "clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))"  
  142. 用正则表达式限制只能输入数字和英文:οnkeyup="value=value.replace(/[W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,'' 
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值