表單驗證文本錯誤 - 文本消失

一個基本形式的一個例子......這是工作，但錯誤文本「不能爲空」出現了第二表單驗證文本錯誤 - 文本消失

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

來源

2014-03-30 user3463774

後，如果您想防止消失默認行爲使用.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"); 
     } 
    }); 
});

來源

2014-03-30 09:09:59 Unknown

表單驗證文本錯誤 - 文本消失

回答

相關問題