首页 > 其他分享 >Jquery Validate验证

Jquery Validate验证

时间:2023-05-06 15:10:11浏览次数:32  
标签:Jquery function required formValidate UserCode 验证 Register 密码 Validate


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验证_HTML

标签:Jquery,function,required,formValidate,UserCode,验证,Register,密码,Validate
From: https://blog.51cto.com/u_16082658/6249895

相关文章

  • jQuery 获得 form 表单值
     jquery如何取得text,areatext,radio,checkbox,select的值,以及其他一些操作;假如我们有如下页面:<inputtype="text"name="textname"id="text_id"value="">  ...下面来看怎么取得FORM中的各种值等等;functionget_form_value(){/*获得TEXT.AREATEXT的值*/va......
  • struts2+Spring+Hibernate+Jquery (json)
          Struts2文件的上传和下载http://wing929.javaeye.com/blog/216118基于struts+spring+hibernate+jquery的jmesa的分页实现样例http://wing929.javaeye.com/blog/216292http://hi.baidu.com/angel_lishiwen/blog/item/cf266627fcb59327d4074288.html stru......
  • httprunner 4.x学习 - 5. validate 断言总结
    前言HttpRunner4.x支持两种(jmespath和正则)提取返回结果的方式,并且内置了丰富的校验结果的方式assert校验方式validate可以支持的校验方式assert缩写功能equal"eq","equals","equal"相等less_than"lt","less_than"小于less_or_equals"le&q......
  • R语言决策树、随机森林、逻辑回归临床决策分析NIPPV疗效和交叉验证
    全文链接:http://tecdat.cn/?p=32295原文出处:拓端数据部落公众号临床决策(clinical decision making)是医务人员在临床实践过程中,根据国内外医学科研的最新进展,不断提出新方案,与传统方案进行比较后,取其最优者付诸实施,从而提高疾病诊治水平的过程。在临床医疗实践中,许多事件......
  • jQuery扩展-noconflict
    Extendsindex.html<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><scriptsrc="../../Scripts/jquery-3.4.1.min.js"></script><scriptsrc="my......
  • jQuery AJAX之异步访问和加载片段
    HTML文件<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><scriptsrc="../../Scripts/jquery-3.4.1.min.js"></script><scriptsrc="ajaxindex.js&......
  • jQuery效果-淡入淡出-滑动-回调
    <!DOCTYPEhtml><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title></title><scriptsrc="../JQuery/jquery-1.8.0.min.js"></script><scriptsrc="JavaScript1.js">......
  • Vue el-form表单resetFields与clearValidate方法失效的三个坑
    1.在el-form标签中必须要绑定一个model,而且必须是:model,不能是v-model,这个是element-ui那边规定2.prop属性需要和上述model绑定的对象里的字段完全一致3.调用方法是this.$refs["refName"].resetFields(),this.$refs["refName"].clearValidate(["name"]),注意是this.$refs(vue3中是......
  • jquery的$()
    jquery的$().each,$.each的区别在jquery中,遍历对象和数组,经常会用到$().each和$.each(),两个方法。两个方法是有区别的,从而这两个方法在针对不同的操作上,显示了各自的特点。$().each,对于这个方法,在dom处理上面用的较多。如果页面有多个input标签类型为checkbox,对于这时用$().eac......
  • 《渗透测试》WEB攻防-通用漏洞&文件上传&js验证&mime&user.ini&语言特性 2022 Day31
     1、文件上传-前端验证2、文件上传-黑白名单3、文件上传-user.ini妙用4、文件上传-PHP语言特性 前置:后门代码需要用特定格式后缀解析,不能以图片后缀解析脚本后门代码(解析漏洞除外)如:jpg图片里面有php后门代码,不能被触发,所以连接不上后门#详细点:1、检测层面:前......