支持ASP.NET MVC、WebFroM的表单验证框架ValidationSuar使用介绍
更新时间：2015年06月08日 10:19:38 投稿：junjie
这篇文章主要介绍了支持ASP.NET MVC、WebFroM的表单验证框架ValidationSuar使用介绍,本文详细讲解了使用步骤,并给出一个完整Demo下载,需要的朋友可以参考下
1、支持javascript端和后端的双重验证 (前端目前依赖于jquery.validate.js，也可以自已扩展)
2、代码简洁
3、调用方便
4、功能齐全
使用方法：
新建初始化类，将所有需要验证的在该类进行初始化，语法相当简洁并且可以统一管理，写完这个类你的验证就完成了70%
函数介绍：
Add 默认类型（邮件、手机、qq等）
AddRegex 正则验证 在Add无法满足情部下使用
addFunc 使用js函数进行验证,一般用于业逻辑的验证 ，功能非常强大，可以满足各种验证(注意：addFunc 函数验证后 后台需要重新验证，所以能用上两种方法验证的，尽量使用上面的)
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using SyntacticSugar;
namespace ValidationSuarMVC.Models
{
public class Validates
{
public static void Init()
{
//login
ValidationSugar.Init(PageKeys.LOGIN_KEY,
ValidationSugar.CreateOptionItem().Set("userName", true/*是否必填*/, "用户名").AddRegex("[a-z,A-Z].*", "用户名必须以字母开头").AddRegex(".{5,15}", "长度为5-15字符").AddFunc("checkUserName", "用户名不存在，输入 admin1 试试").ToOptionItem(),
ValidationSugar.CreateOptionItem().Set("password", true, "密码").AddRegex("[0-9].*", "用户名必须以数字开头").AddRegex(".{5,15}", "长度为5-15字符").ToOptionItem()
);
//register
ValidationSugar.Init(PageKeys.REGISTER_KEY,
ValidationSugar.CreateOptionItem().Set("userName", true, "用户名").AddRegex("[a-z,A-Z].*", "用户名必须以字母开头").AddRegex(".{5,15}", "长度为5-15字符").AddFunc("checkUserName", "用户名已存在!").ToOptionItem(),
ValidationSugar.CreateOptionItem().Set("password", true, "密码").AddRegex(".{5,15}", "长度为5-15字符").ToOptionItem(),
ValidationSugar.CreateOptionItem().Set("password2", true, "密码").AddRegex(".{5,15}", "长度为5-15字符").AddFunc("confirmPassword", "密码不一致").ToOptionItem(),
ValidationSugar.CreateOptionItem().Set("sex", true, "性别").AddRegex("0|1", "值不正确").ToOptionItem(),
ValidationSugar.CreateOptionItem().Set("email", true, "邮箱").Add(ValidationSugar.OptionItemType.Mail, "邮箱格式不正确").ToOptionItem(),
ValidationSugar.CreateOptionItem().Set("mobile", false, "手机").Add(ValidationSugar.OptionItemType.Mobile, "手机格式不正确").ToOptionItem(),
ValidationSugar.CreateOptionItem().Set("qq", false, "qq").AddRegex(@"\d{4,15}", "qq号码格式不正确").ToOptionItem(),
ValidationSugar.CreateOptionItem().Set("education", true, "学历", true/*checkbox 多选模式*/).AddRegex(@"\d{1,15}", "值不正确").ToOptionItem()
);
}
}
}
Global.cs注册我们就可以用了
验证大多情况下分两种
1、submit提交的写法
Register 一行代码搞定、获取绑定信息交给viewbag
PostRegister 也是一行完成后台验证
view
1、引用js并写好初始化函数
2、将@Html.Raw(ViewBag.validationBind) 放在页面最下方
VIEW完整代码：
@{
ViewBag.Title = "Register";
Layout = null;
}
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="/Content/jquery-validation-1.13.1/lib/jquery-1.9.1.js" type="text/javascript"></script>
<script src="/Content/jquery-validation-1.13.1/dist/jquery.validate.js" type="text/javascript"></script>
<script src="/Content/validation.sugar.js" type="text/javascript"></script>
<script src="/Content/jquery-validation-1.13.1/lib/jquery.form.js" type="text/javascript"></script>
<link href="/Content/jquery-validation-1.13.1/validation.sugar.css" rel="stylesheet"
type="text/css" />
<script type="text/javascript">
$(function () {
var factory = new validateFactory($("form"), "<img src=\"/Content/jquery-validation-1.13.1/error.png\" />");
factory.init();
});
//用户名是否已存在
function checkUserName() {
//实际开发换成: ajax async:false
var userName = $("[name=userName]").val();
if (userName == "admin1" || userName == "admin2") {
return false;
}
return true;
}
//验证密码是否一致
function confirmPassword() {
return $("[name=password]").val() == $("[name=password2]").val();
}
</script>
<style>
td
{
height: 30px;
padding: 5px;
}
</style>
</head>
<body>
<h3>
基于jquery.validate的前后台双验证</h3>
<form method="post" class="form" id="form1" action="/home/postRegister">
<table>
<tr>
<td>
name
</td>
<td>
<input type="text" name="userName">
</td>
</tr>
<tr>
<td>
password
</td>
<td>
<input type="password" name="password" />
</td>
</tr>
<tr>
<td>
confirm password
</td>
<td>
<input type="password" name="password2" />
</td>
</tr>
<tr>
<td>
sex
</td>
<td>
<input type="radio" value="1" name="sex" />
男
<input type="radio" value="0" name="sex" />
女
</td>
</tr>
<tr>
<td>
email
</td>
<td>
<input type="text" name="email" />
</td>
</tr>
<tr>
<td>
mobile
</td>
<td>
<input type="text" name="mobile" />
</td>
</tr>
<tr>
<td>
qq
</td>
<td>
<input type="text" name="qq" />
</td>
</tr>
<tr>
<td>
education
</td>
<td>
<p>
<input type="checkbox" value="1" name="education" />
本科
<input type="checkbox" value="2" name="education" />
幼儿园
<input type="checkbox" value="3" name="education" />
小学
</p>
</td>
</tr>
</table>
<button type="submit">
submit提交(禁掉浏览器JS进行测试)</button>
@Html.Raw(ViewBag.validationBind)
</form>
</body>
</html>
就这么几行代码就完了一个注册
效果如下：
对css支持还是不错的可以。自已美化
2、ajax写法
把submit改成button,在写个事件搞定
DEMO下载：
http://xiazai.jb51.net/201506/other/sunkaixuan-ValidationSuarMVC-master.zip
相关文章
一个ASP.Net下的WebShell，主要完成cmd命令。一般的服务器设置，asp.net用户的权限都比较高。如果asp的webshell无法执行，可能asp.net的可以执行。2013-07-07
Web.config文件是一个XML文本文件，它用来储存 ASP.NET Web 应用程序的配置信息（如最常用的设置ASP.NET Web 应用程序的身份验证方式），它可以出现在应用程序的每一个目录中。本文主要介绍web.config中配置数据库连接的两种方式，一起来看。2015-10-10
我们知道，当两个条件进行逻辑与操作的时候，其中任何一个条件为假，则表达式的结果为假。所以，遇到（A 且 B）这种表达式，如果A为假的话，B是不是真假都无所谓了，当遇到一个假条件的时候，程序也就没有必要去额外的判断剩下的东西了2012-02-02
这篇文章主要介绍了Lucene.Net实现搜索结果分类统计功能(中小型网站),这种实现方式比较适合中小型网站，在数据量和搜索量不大的情况下可用。本文给大家介绍非常详细，需要的朋友可以参考下2017-03-03
这篇文章主要介绍了asp.net微信开发中有关已关注用户管理的相关内容，需要的朋友可以参考下2015-11-11
在 IIS 7 中，应用程序池有两种运行模式：集成模式和经典模式。应用程序池模式会影响服务器处理托管代码请求的方式2013-11-11
这篇文章主要介绍了解协议时有符号和无符号整数型处理，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-01-01
Visual Studio 2013如何使XML文件转换成类
Visual Studio 2013如何使XML文件转换成类？这篇文章主要介绍了Visual Studio2013轻松将你的XML文件转换成类的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
web api写api接口时默认返回的是把你的对象序列化后以XML形式返回，那么怎样才能让其返回为json呢，下面为大家介绍几种不错的方法2014-02-02
HTTP 错误 500.19 - Internal Server Error 无法访问请求的页面，因为该页的相关配置数据无效2013-06-06
最新评论