提交前檢查文本框

如何在提交前檢查文本框？提交前檢查文本框

<form action='search.php' method='GET'> 

     <input type="text" id= "q" name="q" class='textbox' > 

     <input type="submit" id='submit' value="Search" class ='button' > 

    </form>

來源

2013-04-14 Connor

試試這個簡單的用JavaScript驗證：

<html> 
    <head> 
     <script type="text/javascript"> 
      function check() 
      { 
       var searchtext = document.getElementById("q").value; 
       if(searchtext=='') 
       { 
        alert('Enter any character'); 
        return false; 
       } 
      } 
     </script> 
    </head> 
    <body> 
     <form action='search.php' method='GET' onSubmit="return check();"> 
      <input type="text" id= "q" name="q" class='textbox' > 
      <input type="submit" id='submit' value="Search" class ='button' > 
     </form> 
    </body> 
</html>

來源

2013-04-14 09:43:14 Ravi

表單標籤的動作屬性意味着他需要用PHP驗證 – imulsion

在提交表單前使用javascript驗證.. – Ravi

哦。對不起，以爲你在提交過程中進行了驗證。仍然是一個好主意，雖然因爲它正在運行PHP腳本 – imulsion

<?php 
if(!empty($_GET['q'])) 
{ 
//if it is not empty, do something 
} 
else 
{ 
//otherwise do this 
} 
?>

我還建議使用POST而不是如果你發送從形式的東西GET。

來源

2013-04-14 09:43:42 imulsion

您可以使用jQuery如下列：

$(function(){ 
    $('#submit').click(function(e){ 
     if($('#q').val() != null && $('#q').val().length > 0){ 
      $.get('search.php', $('#formId').serialize(), function(result){}); 
     } 
     else{ 
      //Otherwise do this 
     } 
     e.preventDefault(); 
    }); 
});

來源

2013-04-14 10:00:47

這相當複雜簡單驗證 – imulsion

你有更簡單的解決方案嗎？ –

你不需要使用jquery，這對他需要做的事情來說相當複雜 – imulsion

你可以使用一些時尚的jQuery庫，便於編碼像jQuery validation plugin。

來源

2013-06-16 05:53:14

感謝，我preffer不使用jquery，因爲它使性能問題 – Connor

提交前檢查文本框

回答

相關問題