表单验证更新

2023-05-01 22:10:16 +08:00
parent 381fefa889
commit 5ea2a40ec4
2 changed files with 34 additions and 8 deletions
--- a/Html-practice/jQuery/01-jQuery-表单验证.html
+++ b/Html-practice/jQuery/01-jQuery-表单验证.html
@@ -12,7 +12,7 @@
 </head>
 <body>
    <div class="main">
-      <form action="form">
+      <form action="form" onsubmit="return func();">
        <div class="container">
            <div class="card">
                <a class="singup">jQuery-表单验证</a>
@@ -40,7 +40,7 @@
                    
                </div>
    
-                <button class="enter">Enter</button>
+                <button class="enter" type="submit">Enter</button>
    
            </div>
        </div>
@@ -60,8 +60,25 @@
    $('.Password').blur(function () {
        $('.Password').tooltip('password');
    })
+  
+
    
  })
+    function func(){
+  
+   var flag1= $('.Username').tooltip('userName');
+   var flag2= $('.Email').tooltip('email');
+   var flag3= $('.Password').tooltip('password');
+   if(flag1&&flag2&&flag3){
+      return true;
+   }else{
+    alert("请填写正确的用户名密码或邮箱!!!");
+    return false;
+    
+   }
+   
+  }
+ 
 </script>

 </html>