您的位置：首页 > 其它

事件执行顺序

2018-02-24 17:31 267 查看

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .error{
            color: red;
        }
    </style>
</head>
<body>    <form id="f1" action="s5.html" method="POST">
        <div><input name="n1" tex = "用户名" type="text" /></div>
        <div><input name="n2" tex = "密码" type="password" /></div>
        <div><input name="n3" tex = "邮箱" type="text" /></div>
        <div><input name="n4" tex = "端口" type="text" /></div>
        <div><input name="n5" tex = "IP" type="text" /></div>        <input type="submit" value="提交" />
        <img src="...">
    </form>
    <script src="jquery-1.12.4.js"></script>
    <script>
        // 当页面框架加载完毕后，自动执行
        $(function(){

        });

     $('input[type="submit"]').click(function (){
       $('.error').remove();
       var flag = true;
       $('#f1').find('input[type="text"],input[type="password"]').each(function () {
         var v = $(this).val();
         var n = $(this).attr('text');
         if(v.length <= 0){
          flag = false;
          var tag = document.createElement('span');
          tag.className = "error";
          tag.innerHTML = n + "必填";
          $(this).after(tag);//return false; //这里如果包含这个将跳出循环
         }
        });
        return flag;
      });
    </script></body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航