zoukankan      html  css  js  c++  java
  • 在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="注册" />


    与使用Submit有点不一样:

    <input id="btnReg" type="submit" value="注册" />


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

     下面是存入数据库记录:



  • 相关阅读:
    C# 文件压缩与解压(ZIP格式)
    sqlite 报 no such table 错误
    又一次的轮回
    什么是数据结构
    紧张繁忙的一周
    《编程匠艺》读书笔记之十九
    [转]软件开发者面试百问
    关于学习设计模式的一些废话
    雷人的山寨版搜索引擎
    [转]Struts 2.1发布
  • 原文地址:https://www.cnblogs.com/insus/p/3462641.html
Copyright © 2011-2022 走看看