В настоящее время у меня есть форма html5 с основной текстовой областью внутри нее, когда вы нажимаете кнопку отправки, вызывается php-скрипт, который отправляет данные в базу данных.
Однако перед вызовом PHP-скрипта я хотел бы выполнить некоторую проверку в форме (проверяя, является ли она нулем и т.д.) До того, как вызывается PHP, желательно в javascript.
Есть ли способ, которым я могу это сделать?
Благодарю.
Форма Html5:
<form action="submit.php" method="POST">
<tr>
<td id="textBox-back">
<textarea id="rage-box" type="text" name="rage" cols="40" rows="5" maxlength="160"> </textarea>
<input id="submit" value="" name="submit" type="submit"/>
</td>
</form>
<script language="javascript">
function validate(){
//Code of validation
return false;
}
</script>
<form action="submit.php" method="POST" onsubmit="return validate();">
<tr>
<td id="textBox-back">
<textarea id="rage-box" type="text" name="rage" cols="40" rows="5" maxlength="160"> </textarea>
<input id="submit" value="" name="submit" type="submit"/>
</td>
</form>
Вам нужно добавить onclick в вашу отправку или форму.
var sub = document.getElementById('submit');
var tex = document.getElementById('rage-box');
sub.onclick = function(e){
if(tex.value == ''){
//stopping it from being sent
e.preventDefault();
alert('make sure everything is filled out');
}
}
Если вы добавите мероприятие в свою форму, вам необходимо: