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

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

jquery html forms

Jquery 表单验证文本错误-文本消失,jquery,html,forms,Jquery,Html,Forms,一个基本表单的示例…它正在工作，但错误文本“不能为空”在出现一秒钟后消失 <html> <head><title>Form</title> </head> <body> <form> Enter EmailID: <input type="text" name="email"><br> <input type="subm

一个基本表单的示例…它正在工作，但错误文本“不能为空”在出现一秒钟后消失

    <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>


类型
输入EmailID:


$（文档）.ready（函数（）{
$（“输入[name=submit]”。单击（函数（）{
if（！$（“输入[名称=电子邮件]））.val（）
{
$（“不能为空”）。追加到（“span”）；
}
});
});

当您想要阻止默认行为时使用。例如，如果要在表单post use 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");
      }
     });
});

$（文档）.ready（函数（）{
$（“输入[name=submit]”。单击（函数（e）{
if（！$（“输入[名称=电子邮件]））.val（）
{
e、 预防默认值（）；
$（“不能为空”）。追加到（“span”）；
}
});
});