我創建了兩個提交按鈕,但是我希望函數能夠一個接一個地運行。Javascript - 如何調用第二個函數
當提交按鈕點擊 運行功能validateBoxes 完成 運行功能validateBooking
我已經粘貼下面我的代碼的時候。新手如此真的很感謝幫助。謝謝。
<html>
<head>
<title>Jet2it Booking Service</title>
<script language="javascript" type="text/javascript">
function validateBoxes() {
var result = true;
var msg = "";
if (document.Holiday.firstname.value == "") {
msg += "You must enter your firstname \n";
document.Holiday.firstname.focus();
document.getElementById('firstname').style.color = "red";
result = false;
}
if (document.Holiday.secondname.value == "") {
msg += "You must enter your secondname \n";
document.Holiday.secondname.focus();
document.getElementById('secondname').style.color = "red";
result = false;
}
if (msg == "") {
return result;
}
{
alert(msg)
return result;
}
}
function validateBooking() {
var result = true;
var msg = "";
var booking = "";
if (Holiday.bookings[0].checked == true) {
booking = "Italy";
}
if (Holiday.bookings[1].checked == true) {
booking = "Malta";
}
if (Holiday.bookings[1].checked == true) {
booking = "Portugal";
}
if (confirm("You have selected " + booking + ". Continue?")) {
if (msg == "") {
return result;
}
{
alert(msg)
return result;
}
}
else {
alert("booking Error");
return false;
}
}
</script>
</head>
<body>
<form name="Holiday" method="post" action="confirmed.html">
<table width="50%" border="0">
<tr>
<td id="firstname">First firstname</td>
<td><input type="text" name="firstname" /></td>
</tr>
<tr>
<td id="secondname">Second name</td>
<td><input type="text" name="secondname" /></td>
</tr>
<tr>
<td><label>
<input type="radio" name="bookings" value="Italy"/>
Italy</label></td>
</tr>
<tr>
<td><label>
<input type="radio" name="bookings" value="Malta"/>
Malta</label></td>
</tr>
<tr>
<td><label>
<input type="radio" name="bookings" value="Portugal"/>
Portugal</label></td>
</tr>
<tr>
<td><input type="submit" name="Submit_firstname_etc"
value="Submit_firstname_etc" onClick="return validateBoxes();" /></td>
<td><input type="reset" name="Reset" value="Reset" /></td>
</tr>
<tr>
<td><input type="submit" name="Submit_Destination"
value="Submit_Destination" onClick="return validateBooking();" /></td>
<td><input type="reset" name="Reset" value="Reset" /></td>
</tr>
</table>
</form>
</body>
</html>
尋求幫助時,請人做清晰格式化你的代碼的禮貌。這次我已經爲你做了。你還會注意到當你這樣做的時候,你會發現代碼中沒有任何用途的塊(比如'validateBoxes'末尾的塊)。我懷疑你錯過了一些別的東西。 –