zoukankan      html  css  js  c++  java
  • MVC+JQuery validate实现用户输入验证

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

    MVC服务器端:

    1.在controller中验证用户输入,如果验证失败,执行
    ModelState.AddModelError("LoginName", Resource.LoginName + Resource.WordSpace + Resource.CanNotBeBlank);

    2.在View视图某一个地方放置
    <%=Html.ValidationSummary()%>

    JS客户端:

    1.引放相应的JS文件
    <script src="/Js/jquery-1.4.2.js" type="text/javascript"></script>
    <script src="/Js/jquery.validate.js" type="text/javascript"></script>


    2.在View视图某一个地方放置
    <label id="messageBox"></label>


    3.在页面最下面加入以下JS代码
         $(function() {
             $("#form1").validate({
                 rules: {
                     LoginName: { required: true, regex: "^[0-9]+$" },
                     Password: { required: true }
                 },
                 messages: {
                     LoginName: "<%=Resource.LoginName + Resource.WordSpace + Resource.CanNotBeBlank%>"
                 },
                 errorLabelContainer: "#messageBox",
                 wrapper: "li"
             });
         });


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

    其它常用的验证方式有:
    required, remote, minlength, maxlength, rangelength, min, max, range, email, url, date, dateISO, number, digits, creditcard, accept, equalTo等

    可参见:
    http://docs.jquery.com/Plugins/Validation/validate
  • 相关阅读:
    arr.forEach()与for...in的用法举例
    git
    hql查询
    JAVA Hibernate工作原理及为什么要用
    mysql中key 、primary key 、unique key 与index区别
    aop
    hibernate json数据死循环
    nginx 转帖
    Maven搭建web项目
    ajaxfileupload 附加参数
  • 原文地址:https://www.cnblogs.com/zzxap/p/2175755.html
Copyright © 2011-2022 走看看