[转]MVC+JQuery validate实现用户输入验证

本文转自：http://www.cnblogs.com/ahui/archive/2010/10/08/1845677.html

MVC服务器端:

1.在controller中验证用户输入，如果验证失败，执行

ModelState.AddModelError("LoginName", Resource.LoginName + Resource.WordSpace + Resource.CanNotBeBlank);

2.在View视图某一个地方放置

<%=Html.ValidationSummary()%>

JS客户端:

1.引放相应的JS文件

2.在View视图某一个地方放置

3.以常规的submit()方式提交，在页面最下面加入以下JS代码

 $(function() {$("#form1").validate({rules: {LoginName: { required: true, regex: "^[0-9]+$" }},messages: {LoginName: "<%=Resource.LoginName + Resource.WordSpace + Resource.CanNotBeBlank%>"},errorLabelContainer: "#messageBox",wrapper: "li"});});

4.以Ajax方式提交到服务器的，JS代码要改为:

var validate = null;
var opts = {rules: {LoginName: { required: true, regex: "^[a-zA-Z][a-zA-Z0-9._-]{3,20}$" }},messages: {LoginName: "请输入正确的登陆名"},errorLabelContainer: "#messageBox",wrapper: "li"
};function checkForm() {var b = validate.checkForm();validate.showErrors();return b;
}$(function () {validate = $("#form1").validate(opts);
});function SaveUser() {if (!checkForm()) {return;}//...........
}

要支持regex方式的验证，请在jquery.validate.js加入:

// 正则表达式
$.validator.addMethod("regex",function (value, element, regexp) {var check = false;var re = new RegExp(regexp);return this.optional(element) || re.test(value);},"Please check your input."
);

以上代码已实现双语化提示

其它常用的验证方式有：

required, remote, minlength, maxlength, rangelength, min, max, range, email, url, date, dateISO, number, digits, creditcard, accept, equalTo等

可参见:

http://docs.jquery.com/Plugins/Validation/validate

转载于:https://www.cnblogs.com/freeliver54/p/6410047.html

[转]MVC+JQuery validate实现用户输入验证相关推荐

bootstrap html5 表单验证,基于Bootstrap+jQuery.validate实现表单验证
这大概是一种惯例,学习前台后台最开始接触的业务都是用户注册和登录.现在社会坚持以人为本的理念,在网站开发过程同样如此.User是我们面对较多的对象,也是较核心的对象.最开始的用户注册和登陆这块,也就尤 ...
Struts2用户输入验证（6）
10.6 小结 Struts2框架下的用户输入验证分为三种方式:1. 编程方式下的验证 2. 配置方式下的验证 3.注解方式下的验证. 如果在Struts2项目下存在多种验证方式,其 ...
JQuery.validate.js 表单验证
官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ API: http://jquery.bassistance.d ...
使用 jQuery Validate 进行表单验证
jQuery Validate简介 jQuery Validate 插件提供了强大的表单验证功能,能够让客户端表单验证变得更简单,同时它还提供了大量的可定制化选项,以满足应用程序的各种需求.该插件捆绑 ...
jquery validate.addMethod 正则表达式 (自定义验证方法)
//验证邮政编码 jQuery.validator.addMethod( "checkPost",function(value,element){ var ...
jQuery Validate 提交表单验证失败扩展方法
由于Validate没有提供表单提交过后,验证不通过触发方法.这里做一下扩展. 引用场景:每次提交表单元素验证不通过触发方法打开源代码找到focusInvalid 方法, 这里是提交表单时验证不通 ...
jquery validate 手机号码、电话号码验证
1.手机号验证代码 a)添加方法自定义验证方法: jQuery.validator.addMethod("isPhone", function(value, element) {v ...
jQuery validate 如何清除remote验证的缓存 (在select验证时这个bug尤为明显)
$(function(){ $("#select1, #select2").change(function(){ $("#select2").removeDat ...
[jQuery]使用jQuery.Validate进行客户端验证（高级篇-下）——不使用微软验证控件的理由...
2019独角兽企业重金招聘Python工程师标准>>> 引用源:http://www.cnblogs.com/kyo-yo/archive/2010/07/06/Use-jQuery ...

[转]MVC+JQuery validate实现用户输入验证

[转]MVC+JQuery validate实现用户输入验证相关推荐

最新文章

热门文章