使用Javascript功能進行表單驗證

Question

我試圖驗證表單，以確保用戶向文本框中輸入值。下面是我的javascript：

var formValidation = function(a) { 
    if (document.getElementById(a).value == "") { 
     alert('Please fill out the ' + a + ' field'); 
     return false; 
    } 
    else { 
     return true; 
    } 
}  

而這裏的形式：

<div id="cultdiv"> 
    <form action="add.php" method="POST"> 
     <span><input type="hidden" name="id" id="cultid"/> 
     <input type="text" onSubmit ="formValidation('culture')" name="name" id="culture"/> 
     <input type="hidden" name="type" value="culture" /> 
     <input type="submit" value="add/update" /></span> 
    </form> 
</div> 

出於某種原因，它沒有被阻止提交表單或給予警告消息。

Answer 1

您忘記了return從您的內聯處理程序。
另外，<input> s沒有onsubmit事件;你可能打算把它放在<form>。

Answer 2

slaks意味着沿着這些線條。

<script> 
var formValidation = function() { 
    if (document.getElementById('culture').value == "") { 
     alert('Please fill out the culture field'); 
     return false; 
    } 
    else { 
     return true; 
    } 
} 

<div id="cultdiv"> 
    <form action="add.php" method="POST" onsubmit="return formValidation(this)"> 
     <span><input type="hidden" name="id" id="cultid"/> 
     <input type="text" name="name" id="culture"/> 
     <input type="hidden" name="type" value="culture" /> 
     <input type="submit" value="add/update" /></span> 
    </form> 
</div>