我正试着让它和我的html一起工作。我正在做外部的js和css到我的html。我已经全部连接到我的html文件中。为什么我的文案地址不起作用?不太确定为什么我会有这个问题...是我的html或javascript语法不正确吗?
<!DOCTYPE html>
<html>
<head>
<title>Payment Form</title>
<link rel="stylesheet" type="text/css" href="style1.css">
</head>
<body>
<script src="java12.js"></script>
<hr>
<h1>Your Information</h1>
<br>
<form id="myForms">
First name:<br>
<input type="text" id="firstname">
<br>
<br>
Middle Initial:<br>
<input type="text" id="middlename">
<br>
<br>
Last name:<br>
<input type="text" id="lastname">
<br>
<br>
Address:<br>
<input type="text" id="myaddress">
<br>
<br>
City:<br>
<input type="text" id="city">
<br>
<br>
State:<br>
<select id = "state">
<option value = "1">Alabama</option>
<option value = "2">New York</option>
<option value = "3">Florida</option>
<option value = "4">California</option>
</select><br><br>
Zipcode:<br>
<input type="text" name="zipcode">
<br>
<br>
Phone: <br>
<input type="text" name="Phone">
<br>
<br>
<input onclick="copyaddress()" type="checkbox" id="myCheck">
Billing Address the same as above
<h2>Billing Information</h2>
Billing Address:<br>
<input onclick="copy()" type="text" id="myCheck"><br>
<br>
<br>
Billing City:<br>
<input type="text" name="City">
<br>
<br>
State:<br>
<select id="myList">
<option value = "1">Alabama</option>
<option value = "2">New York</option>
<option value = "3">Florida</option>
<option value = "4">California</option>
</select><br><br>
Zipcode:<br>
<input type="text" id="zip">
<br>
<br>
Phone: <br>
<input type="text" id="Phone">
<br>
<br>
<hr>
<button onclick="OrderSubmitted()">
Submit</button>
</form>
</body>
</html>
下面是我的javascript:
function copyaddress() {
// copy from myaddress to billingaddress
document.forms["myForms"]["myaddress"].value =
document.forms["myForms"]["billingaddress"].value;
alert("checkbox not checked!");
}
function OrderSubmitted() {
// check if firstname is blank
var x = document.forms["myForms"]["firstname"].value;
if (x == "") {
alert("First name must be filled out");
return false;
}
// check if lastname is blank
var x = document.forms["myForms"]["lastname"].value;
if (x == "") {
alert("Last name must be filled out");
return false;
}
// check if middlename is blank
var x = document.forms["myForms"]["middlename"].value;
if (x == "") {
alert("Middle name must be filled out");
return false;
}
// check if myaddress is blank
var x = document.forms["myForms"]["myaddress"].value;
if (x == "") {
alert("Address name must be filled out");
return false;
}
// check if city is blank
var x = document.forms["myForms"]["city"].value;
if (x == "") {
alert("City name must be filled out");
return false;
}
// check if zipcode is blank
var x = document.forms["myForms"]["zipcode"].value;
if (x == "") {
alert(" Zipcode must be filled out");
return false;
}
alert("Order Submitted!") ;
}
发布于 2018-10-02 03:21:36
您已经注释掉了几乎所有的代码。
您应该取消注释您的JavaScript代码,以产生以下结果:
function copyadddress() {
// copy from myaddress to billingaddress
document.forms["myForms"]["myaddress"].value=
document.forms["myForms"]["billingaddress"].value;
alert("checkbox not checked!");
}
function OrderSubmitted() {
// check if firstname is blank
var x = document.forms["myForms"]["firstname"].value;
if (x == "") {
alert("First name must be filled out");
return false;
}
// check if lastname is blank
var x = document.forms["myForms"]["lastname"].value;
if (x == "") {
alert("Last name must be filled out");
return false;
}
alert("Order Submitted!");
}
我希望这能解决你的问题!PS:在超文本标记语言中,确保通过添加>来结束<!DOCTYPE html>
标记。
https://stackoverflow.com/questions/52596718
复制相似问题