Jquery Validate验证
  9OBEU3KXBjcR 2023年11月02日 49 0


HTML代码

<form id="RegisterForm">
    <div class="login-screen">
         <div class="login-form">
             <div class="form-group">
                 <p>账号</p>
                 <input type="text" name="UserCode" class="form-control login-field" value="" placeholder="Enter Your Code" id="UserCode">
                 <p id="UserCodeP"></p>
             </div>


             <div class="form-group">
                 <p>密码</p>
                 <input type="password" name="Password" class="form-control login-field" value="" placeholder="Password" id="Password">
             </div>


             <div class="form-group">
                 <p>确认密码</p>
                 <input type="password" name="ConfirmPassword" class="form-control login-field" value="" placeholder="Confirm Password" id="ConfirmPassword">
             </div>
             <button class="btn btn-primary btn-lg btn-block" οnclick="Register_Index.RegisterSubmit()">Register</button>
         </div>
     </div></form>

js代码

 

var Register_Index = function() {


     return {
         RegisterSubmit: registerSubmit,
     }


     function formValidate() {
         $("#RegisterForm").validate({
             rules: {
                 UserCode: "required",
                 Password: "required",
                 ConfirmPassword: "required"
             },
             messages: {
                 UserCode: "请输入账号",
                 Password: "请输入密码",
                 ConfirmPassword: "请输入确认密码"
             }
         });
     }



function registerSubmit() {
         formValidate();
         var formValidateIsTrueOrFalse = $("form").valid();
         if (formValidateIsTrueOrFalse) {
             $.ajax( {
                 type : "POST",
                 url: "/Register/UserRegister",
                 data: $("#RegisterForm").serialize(),
                 success: function () {
                 }
             });
         }
     }
 }();

Jquery  Validate验证_ajax

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读
  5HAFzPFxGStu   2023年11月12日   14   0   0 githubHTMLgit
  tprTMCWDkFAR   2023年12月08日   14   0   0 PythonCode
  WuxuVoSAjref   2023年11月02日   24   0   0 HTMLWeb
  9OBEU3KXBjcR   2023年11月02日   50   0   0 HTMLajaxCode
9OBEU3KXBjcR
最新推荐 更多