我有一小部分HTML和JS，我不能在我的生活中获得使用按钮的功能。我尝试了很多东西，并改变了创建按钮和文本框的不同风格，但我无法弄清楚如何修复它。这是代码：<div id="orderForm"> <form name="orderingForm" action="form_action.asp"> <p>Complete this form to order Bags <br> <br> How many of each bag do you want (3p/ea)</p> <p>Number of Blue bags: <input type="text" name="blueBags" value=0> </p> <p>Number of Red bags: <input type="text" name="redBags" value=0> </p> <p>Number of Yellow bags: <input type="text" name="yellowBags" value=0> </p> <p>Number of Green bags: <input type="text" name="greenBags" value=0> </p> <p>Enter Desired Text: <input type="text" name="textBags" value="Enter Your text here"> <p>Minimum order 100 bags</p> <input type="button" value="Click to Order" onClick="Order()"> </form></div><!--Script for the ordering system--><script> <!-- extra functions to check if input is an integer --> function isInt(n) { return n % 1 === 0; } function Order() { var amountB = document.orderingForm.blueBags.value; var amountR = document.orderingForm.redBags.value; var amountY = document.orderingForm.yellowBags.value; var amountG = document.orderingForm.greenBags.value; var text = document.orderingForm.textBags.value; var total = amountB + amountR + amountY + amountG;
5 回答
互换的青春
TA贡献1797条经验 获得超6个赞
在这里你错过了处理'{}'，你的表单名称是“orderingForm”而不是“form1”
试试这个：
<html><body><div id="orderForm">
<form name="orderingForm" action="form_action.asp">
<p>Complete this form to order Bags <br>
<br> How many of each bag do you want (3p/ea)</p>
<p>Number of Blue bags: <input type="text" name="blueBags" value=0>
</p>
<p>Number of Red bags: <input type="text" name="redBags" value=0>
</p>
<p>Number of Yellow bags: <input type="text" name="yellowBags" value=0>
</p>
<p>Number of Green bags: <input type="text" name="greenBags" value=0>
</p>
<p>Enter Desired Text:
<input type="text" name="textBags" value="Enter Your text here">
<p>Minimum order 100 bags</p>
<input type="button" value="Click to Order" onClick="Order()">
</form></div></body><!--Script for the ordering system--><script>
<!-- extra functions to check if input is an integer -->
function isInt(n) {
return n % 1 === 0;
}
function Order() {console.log("hai")
var amountB = document.orderingForm.blueBags.value;
var amountR = document.orderingForm.redBags.value;
var amountY = document.orderingForm.yellowBags.value;
var amountG = document.orderingForm.greenBags.value;
var text = document.orderingForm.textBags.value;
var total = amountB + amountR + amountY + amountG;
if (isInt(orderingForm.blueBags.value) == true && isInt(orderingForm.redBags.value) == true && isInt(orderingForm.yellowBags.value)
== true && isInt(orderingForm.greenBags.value) == true) {
if (total > 100) {
var cost = (total * 0.03);
alert("Order Confirmed");
} else {
alert("Minimum order is 100 bags.");
}
} else {
alert("One or more of the forms doesn't contain a quantity for order.");
}}</script> </html>希望它对你有所帮助。
慕后森
TA贡献1802条经验 获得超5个赞
你用过..而且错过了}。试试这个
<div id="orderForm">
<form name="orderingForm" action="form_action.asp">
<p>Complete this form to order Bags <br>
<br> How many of each bag do you want (3p/ea)</p>
<p>Number of Blue bags: <input type="text" name="blueBags" value=0>
</p>
<p>Number of Red bags: <input type="text" name="redBags" value=0>
</p>
<p>Number of Yellow bags: <input type="text" name="yellowBags" value=0>
</p>
<p>Number of Green bags: <input type="text" name="greenBags" value=0>
</p>
<p>Enter Desired Text:
<input type="text" name="textBags" value="Enter Your text here">
<p>Minimum order 100 bags</p>
<input type="button" value="Click to Order" onClick="Order()">
</form></div><!--Script for the ordering system--><script>
<!-- extra functions to check if input is an integer -->
function isInt(n) {
return n % 1 === 0;
}
function Order() {
var amountB = document.orderingForm.blueBags.value;
var amountR = document.orderingForm.redBags.value;
var amountY = document.orderingForm.yellowBags.value;
var amountG = document.orderingForm.greenBags.value;
var text = document.orderingForm.textBags.value;
var total = amountB + amountR + amountY + amountG;
//if (isInt(form1.blueBags.value) == true && isInt(form1.redBags.value) == true && isInt(form1.yellowBags.value)
== true && isInt(form1.greenBags.value) == true) {
if (total > 100) {
// var cost = (total * 0.03);
//if (confirm("CONFIRM ORDER: /n blue bags: " + form1.blueBags.value + "/n red bags: " + form1.redBags.value
+ "/n yellow bags: " + form1.yellowBags.value + "/n green bags: " + form1.greenBags.value + "/n Desired Text: " + text)) {
alert("Order Confirmed");
// } else {
// alert("Order Cancelled");
// }
} else {
alert("Minimum order is 100 bags.");
}
//}else {
// alert("One or more of the forms doesn't contain a quantity for order.");
// }}</script>
炎炎设计
TA贡献1808条经验 获得超4个赞
替换行如下：
var text = document.orderingForm.textBags.value;
并添加两个值使用parseInt(value)或parseFloat(value)作为：
var r = parseInt(amountB) + parseInt(amountR);
交互式爱情
TA贡献1712条经验 获得超3个赞
.从此行中删除
var text = document.orderingForm..textBags.value;
写
var text = document.orderingForm.textBags.value;
并关闭}代码的结尾
添加回答
举报
0/150
提交
取消