zoukankan      html  css  js  c++  java
  • 表单提交验证

        mvc里的表单juery 验证   

      <script type="text/javascript">
        $().ready(function() {
            $("#frmReg").validate(
            {
                errorElement: "reg",  /*
    插件会自动在文本框后生成一个label,取标记名为'reg',这样可以用 reg.success{}来控制样式,记住reg.success之间不要留空格*/
                success: function(label) {
                    label.text(" ").addClass("success");
                },
                rules: {
                    username: {
                        required: true,
                        minlength: 2,
                        maxlength:16
                    },
                    email:{required:true,email:true},
                    password: {
                        required: true,
                        minlength: 6,
                        maxlength:16
                    },
                    confirmPassword:{required:true, equalTo: "#password"},
                    validate:{required:true}
                  
                }

            }
            );
        });
    </script>


    html代码:
    <form action="/Account/Register" method="post" id="frmReg">
    <div class="left">
      <div class="leadInfo">
    请填写以下信息,全部为必填:</div>
      <div class="userInput">
       <ul class="userInfo">
            <li><span class="label">
    帐号:</span><input name="username" id="username"  title="中英文均可不超过8个汉字或16个字符"/></li>
         <li><span class="label">Email
    帐号:</span><input name="email" id="email"  title="请输入Email"/></li>
              <li><span class="label">
    登录密码:</span><input type="password" name="password" id="password"  title="请输入616位数字或字母"/></li>
        <li><span class="label">
    重填密码:</span><input type="password" name="confirmPassword" id="confirmPassword"  title="请重复上面的密码"/></li>
        <li>
         <div><span class="label">
    验证码:</span><input name="validate"  id="validate" title="请输入下面图片上的数字"/></div>
         <br /><span class="moreInfo">
    看不清<a href="javascript:refresh_captcha()">点此刷新</a> </span>
         <img id="captchaImage" name="captchaImage" src="/validate/VerifyCodeImage.aspx" align="absmiddle" />
        </li>
       </ul>
      </div>
      <div class="c_gray" align="center">Email
    帐号及昵称,注册后不能修改,请仔细核对。</div><br />
      <div class="userAction">
          <input name="Submit" id="submit" type="submit" value="
    完成注册" tabindex="7" class="btnNormal" />
                  <input type="reset" id="reset" value="
    重填" tabindex="8" class="btnNormal" />
      </div>
          <div class="leadInfo">
    已经注册,<%= Html.ActionLink("请登陆","LogOn") %></div>
        
      <input type='hidden' name="gender" value="-1" />
      <input type='hidden' name="city" value="35" />
      <input type='hidden' name="cburl" value="" />
    </div>
    </form>

    <!--v:3.2-->

  • 相关阅读:
    C++builder 系统时间
    oracle 备份某张表
    Pascal 中对于常量的初始化
    Delphi 正则表达式
    Lazarus 中的字符串 String,AnsiString,UnicodeString,UTF8String,WideString
    Lazarus 指针,数组,字符串
    准备使用PostgreSQL
    Freepascal 中的泛型使用
    如何生成密钥文件Snk
    挖掘经典:几乎被人遗忘的HTML七种用法
  • 原文地址:https://www.cnblogs.com/QQJnet/p/2283877.html
Copyright © 2011-2022 走看看