简单表单校验

最新推荐文章于 2025-05-04 15:41:37 发布

原创最新推荐文章于 2025-05-04 15:41:37 发布 · 171 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JS

JavaScript 专栏收录该内容

5 篇文章

订阅专栏

<!DOCTYPE html>
<html>

   <head>
       <meta charset="UTF-8">
       <title></title>
       <script type="text/javascript">
           function showTips1() {
               var span_pasw1 = document.getElementById("span_pasw1")

span_pasw1.innerHTML = "<font>plz fill in>6 words</font>"

}

           function reguler1() {
               var pasw1 = document.getElementById("pasw1").value;
               var span_pasw1 = document.getElementById("span_pasw1")
               if(pasw1.length < 6) {
                   span_pasw1.innerHTML = "<font color='red'>too short</font>"
                   return false;
               } else {

                   span_pasw1.innerHTML = "<font color='blue'>right</font>"
                   return true;
               }
           }

           function returnForm() {
               var rf = reguler1()/*&&checkUsername()&&checkUsername()&&checkEmail()*/;
               return rf;
           }
       </script>
   </head>

       PassWord:
       <input type="password" name="pasw1" id="pasw1" onfocus="showTips1()" onblur="reguler1()" />
       <span id="span_pasw1">

       </span><br />
       <input type="submit" value="submit" />
       </form>
   </body>

</html>