如何使用JavaScript驗證HTML表單？

Question

我正在使用標記創建基本調查，但是在使用JavaScript驗證表單時遇到了麻煩。 我希望它能檢查所有表格，而不僅僅是表格。 請幫忙！ 謝謝！ 這是代碼：

<!DOCTYPE html>
<html>
<head>
<title>SurveyBot v1</title>
</head>
<body>
<form action="">
What is your first name?: <input type="text" name="firstname"><br>
What is your last name?: <input type="text" name="lastname">
</form>
<h5>What is your gender?</h5>
<form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>
<h5>Which of the following vehicles do you own? (Check all that apply):</h5>
<form>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Scooter">I have a scooter<br>
<input type="checkbox" name="vehicle" value="Quad">I have a quad<br>
<input type="checkbox" name="vehicle" value="Snowmobile">I have a snowmobile<br>
<input type="checkbox" name="vehicle" value="Skateboard">I have a skateboard<br>
<input type="checkbox" name="vehicle" value="Car">I have a car 
</form>
<h5>Which of the following car brands do you drive as your primary car?</h5>
<form action="">
<select name="cars">
<option value="none">None</option>
<option value="other">Other</option>
<option value="volvo">Volvo</option>
<option value="kia">Kia</option>
<option value="fiat" selected>Fiat</option>
<option value="audi">Audi</option>
<option value="honda">Honda</option>
<option value="mitsubishi">Mitsubishi</option>
<option value="toyota">Toyota</option>
<option value="ford">Ford</option>
</select>
</form>
<h5>Please check the box that says "I have finished" and press submit. Thank you for taking the survey.</h5>
<form name="input" action="html_form_action.html" method="get">
<input type="checkbox" name="finished" value="I am finished">I have finished<br>
<br><br>
<input type="submit" value="Submit">
</body>
</html>

Answer 1

只需在“提交”按鈕附近添加JavaScript函數調用即可。

<input type="submit" onclick="return validateForm(this.form);" />

使JavaScript功能。 從以下鏈接獲取幫助：鏈接，或者您可以在Google上搜索一些示例。

而且，您需要將所有內容放入單個<form></form>標記中才能使其正常工作。 否則，您需要一種變通方法，使您的工作更加乏味。

如何使用JavaScript驗證HTML表單？

問題描述

1 個解決方案

解決方案1
1 已采納 2014-02-05 01:33:13

如何使用JavaScript驗證HTML表單？

問題描述

1 個解決方案

解決方案1 1 已采納 2014-02-05 01:33:13

解決方案1
1 已采納 2014-02-05 01:33:13