首页 > 代码库 > 在MVC应用程序中使用jQuery的验证

在MVC应用程序中使用jQuery的验证

呵呵,觉得很久没有写博客了,均是工作忙于公司的ERP系统,这是正确的,因为这才是真正的工作。

今天想写点在MVC应用程序中,使用jQuery来验证。在进行之前,还是先回看一下《MVC会员注册》http://www.cnblogs.com/insus/p/3439599.html 这里有些问题需要改正的,如密码文本框,需要把type="text"改为type="password",这样在输入密码时,就不再是明显的了。

另外,所有文本框均没有做验证,是否为必填,密码与确认密码是否匹配相同,邮箱地址是否为Email格式等。那这次,我们就这些问题进行一一改正。

下面是更改密码文本框的type:


实现验证,Insus.NET决定使用jQuery的验证插件来实现。获取最新jQuery.js和jQuery的validate,在Solution explorer中,对应用程序点击Mouse的右键,然后看到菜单Manage NuGet Packages...




把最新版的jQuery和validate插件下载到应用程序中:









接下来,需要修改一下App_Start/BundleConfig.cs:

 

下面就可以写jQuery代码了:


其中#37至#57行,是Ajax提交事件,也是从上一篇中,原版搬过来的。

在整个练习过程,发现在验证过中:

<input id="btnReg" type="button" value="http://www.mamicode.com/注册" />


与使用Submit有点不一样:

<input id="btnReg" type="submit" value="http://www.mamicode.com/注册" />


本练习,就是使用Button,意味着写click事件。最后看看实时操作演示:

 下面是存入数据库记录: