<!DOCTYPE html><html><head><title>CT Traders</title><style>fieldset {width:40%; margin:0px 0px 10px 1%;}legend {padding:2px; text-indent:5px;}h2, p {margin-left: 1%;} input[type="submit"], input[type="reset"] {display:inline; float:none;}</style><script> //suggested logic for the validateInput() functionfunction validateInputs() {//check payment methodvar methodChecked = false;for (var i=0; i <document.frmCustOrders.class.length;i++){ if (document.frmCustOrders.class[i].checked ==true) { classChecked = true; vClass = document.frmCustOrders.class[i].value; }}//check customer index valuevar customerIndex = document.getElementById("customer").value;//retrieve order quantityvar qty = document.getElementById("qty").value;//validate form dataif (customerIndex == -1) //validate customer{ alert("Please select a customer.") return false;}else if () //validate qty{}else if (fsClassChecked == false) //validate payment method{ alert("Please select a payment method.") return false;}else //output{ orderEntries = customer+ "\n"+ qty+ "\n"+vClass; alert(orderEntries); return false;}}</script></head><body><h2>Customer Order</h2><form name="frmCustOrders" id="frmCustOrders"onsubmit="return validateInputs();" action=""><fieldset id="fsCustomer"><legend>Customer List</legend><select name="customer" id="customer" size="3"> <option>107 Paula Harris</option> <option>232 Mitch Edwards</option> <option>229 BTC</option></select></fieldset><p> <label for="qty">Order Quantity: </label><input type="text" name="qty" id="qty" /></p>我在获取用于检索表单上的选择的输出框时遇到问题。此外，在我的一个 if 语句中，我被分配检查该值是否在 1 到 999 之间，但我对此完全空白。我是编码（Javascript）的新手，这是我的第一堂课。任何帮助使其工作的帮助将不胜感激。
1 回答
12345678_0001
TA贡献1802条经验 获得超5个赞
你的代码有一些问题
多余的else if ()
fsClassChecked变量未声明。
迭代元素时的冗余类document.frmCustOrders.class
使用错误的变量customer应该是customerIndex
错误的条件(customerIndex == -1)更改为(customerIndex == "")
//suggested logic for the validateInput() function
function validateInputs()
{
//check payment method
var methodChecked = false;
var fsClassChecked = false;
for (var i=0; i <document.frmCustOrders.length;i++)
{
if (document.frmCustOrders[i].checked ==true)
{
fsClassChecked = true;
vClass = document.frmCustOrders[i].value;
}
}
//check customer index value
var customerIndex = document.getElementById("customer").value;
//retrieve order quantity
var qty = document.getElementById("qty").value;
//validate form data
if (customerIndex == "") //validate customer
{
alert("Please select a customer.")
return false;
}
else if(qty == "" || qty < 1 || qty > 999){
alert("Please enter qty 1-999.")
return false;
}
else if (fsClassChecked == false) //validate payment method
{
alert("Please select a payment method.")
return false;
}
else //output
{
orderEntries = customerIndex + "\n"+ qty+ "\n"+vClass;
alert(orderEntries);
return false;
}
return false;
}
<!DOCTYPE html>
<html><head><title>CT Traders</title>
<style>
fieldset {width:40%; margin:0px 0px 10px 1%;}
legend {padding:2px; text-indent:5px;}
h2, p {margin-left: 1%;}
input[type="submit"], input[type="reset"]
{display:inline; float:none;}
</style>
<script>
</script>
</head>
<body>
<h2>Customer Order</h2>
<form name="frmCustOrders" id="frmCustOrders"
onsubmit="return validateInputs();" action="#">
<fieldset id="fsCustomer">
<legend>Customer List</legend>
<select name="customer" id="customer" size="3">
<option>107 Paula Harris</option>
<option>232 Mitch Edwards</option>
<option>229 BTC</option>
</select>
</fieldset>
<p>
<label for="qty">Order Quantity: </label>
<input type="text" name="qty" id="qty" />
</p>
<fieldset id="fsClass">
<legend>Payment Method</legend>
<input type="radio" name="method" id="check" value="check" />
Check<br />
<input type="radio" name="method" id="creditCard" value="credit card" />
Credit Card<br />
<input type="radio" name="method" id="debitCard" value="debit card" />
Debit Card
</fieldset>
<p> <input type="submit" value="Submit" />
<input type="reset" value="Reset" /></p>
</form>
</body>
</html>
添加回答
举报
0/150
提交
取消