Question

基本表单的示例......它正在运行，但错误文本＆＃34;不能为空白＆＃34;出现第二次后消失

    <html>
    <head><title>Form</title>
    </head>
    <body>
    <form>
    Enter EmailID:
    <input type="text" name="email"><br>
    <input type="submit" name="submit" value="submit">
    </form>
    <span></span>
    <script src="jquery.js"></script>
    <script>
    $(document).ready(function(){
     $("input[name=submit]").click(function(){
     if(!$("input[name=email]").val())
      {
          $("<span>Cannot be Blank</span>").appendTo("span");
      }
     });
    });
    </script>
    </body>
    </html>

Answer 1

如果要阻止默认行为，请使用.preventDefault()。例如，在您的情况下，表单提交事件，如果您想在表单后使用event.preventDefault（）之前验证输入。

试试这个：

$(document).ready(function(){
     $("input[name=submit]").click(function(e){
     if(!$("input[name=email]").val())
      {
          e.preventDefault();
          $("<span>Cannot be Blank</span>").appendTo("span");
      }
     });
});

表单验证文本错误 - 文本消失

1 个答案: