JavaScript和HTML表單驗證
[英]JavaScript and HTML form validation
問題描述
我嘗試對按鈕進行簡單的驗證，但是當我單擊按鈕而不輸入任何內容時，它仍然轉到testValidation1.html而不是彈出警報窗口。
<html>
<head>
</head>
<body>
<form action="testValidation1.html">
Parameter1 :
<input type = 'text' name = 'param1'/><br>
<input type='submit' value = 'submit' onclick = 'return validateForm()'>
</form>
<script type="text/javascript">
function validateForm() {
var f1 = document.forms[0];
var p1 = f1.param1;
if(p1.value.length == 0) {
alert('Plz enter parameters');
p1.focus();
return false;
}
}
</script>
</body>
</html>
1 個解決方案
解決方案1
2 已采納 2014-11-20 21:14:17
您可能會發現使用表單的Submit事件更容易進行驗證
function validateForm(event) {
var form = this;
var p1 = form.elements['param1'];
if(p1.value.length === 0) {
alert('Plz enter parameters');
p1.focus();
event.preventDefault();
return false;
}
}
document.getElementById('form').addEventListener('submit', validateForm);
Html 和 Javascript 中的表單驗證？
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.