为什么确认框不出现? JavaScript 函数AdultNumber(){/*票证号验证*/ var AdInput=parseInt($(“#成人”).val();//将其声明为整数 var ChildInput=parseInt($(“#child”).val(); 如果(ChildInput>=0&&ChildInput 0&&AdInput 0&&AdInput=10){//如果用户输入大于10 确认(“您确定您需要10多名乘客吗?”); document.getElementById(“Adtickeror”).textContent=“”; 返回true; } 否则{ document.getElementById(“AdTickerError”).textContent=“输入正确的乘客人数不正确”; 返回false; } } HTML: 2件 成人(+16) 小孩 结账
为数字类型输入字段(儿童)和(成人)ID选择+10后,为什么不显示确认框?如果为两个框选择+10,则应显示两次。目前什么都没有发生。另外,如果我选择“警报框”或“确认框”,是否更合适?您的if语句的ChildInput和AdInput的最大值是50,而不是10。它从不点击显示警报框的else if语句为什么确认框不出现? JavaScript 函数AdultNumber(){/*票证号验证*/ var AdInput=parseInt($(“#成人”).val();//将其声明为整数 var ChildInput=parseInt($(“#child”).val(); 如果(ChildInput>=0&&ChildInput 0&&AdInput 0&&AdInput=10){//如果用户输入大于10 确认(“您确定您需要10多名乘客吗?”); document.getElementById(“Adtickeror”).textContent=“”; 返回true; } 否则{ document.getElementById(“AdTickerError”).textContent=“输入正确的乘客人数不正确”; 返回false; } } HTML: 2件 成人(+16) 小孩 结账,javascript,html,Javascript,Html,为数字类型输入字段(儿童)和(成人)ID选择+10后,为什么不显示确认框?如果为两个框选择+10,则应显示两次。目前什么都没有发生。另外,如果我选择“警报框”或“确认框”,是否更合适?您的if语句的ChildInput和AdInput的最大值是50,而不是10。它从不点击显示警报框的else if语句 如果(ChildInput>=0&&ChildInput 0&&AdInput 0&&AdInput尝试一下,使用JQuery会更容易: JavaScript function AdultNu
如果(ChildInput>=0&&ChildInput 0&&AdInput 0&&AdInput尝试一下,使用JQuery会更容易:
JavaScript
function AdultNumber(){ /* Ticket Number Validation */
var AdInput = parseInt($("#adult").val()); //Declare it as an Integer
var ChildInput = parseInt ($("#child").val());
if (ChildInput >=0 && ChildInput <= 50 && AdInput > 0 && AdInput <= 50 || AdInput > 0 && AdInput <= 50 && !ChildInput ){ //If passengers are between 0 to 10
document.getElementById("AdTickError").textContent = "";
document.getElementById("ChildTickError").textContent = "";
return true;
}
else if( AdInput >= 10 ) { //If user input is greater than 10
confirm("Are you sure you want 10+ Passengers?");
document.getElementById("AdTickError").textContent = "";
return true;
}
else{
document.getElementById("AdTickError").textContent = "Incorrect Enter Correct Number Of Passengers";
return false;
}
}
HTML:
<div class="main-wrapper">
<Form action="#" class="group" name="form2" id="Form-2" method="post">
<legend id="fixed"><span class="number">2</span>Tickets</legend>
<div class="half-col">
<label for="Adult-ticket" class="center-label">Adults(+16)</label>
<input type="number" id="adult" name="user_adult">
<label id="AdTickError"></label>
</div>
<div class="half-col">
<label for="child-ticket" class="center-label">Child</label>
<input type="number" id="child" name="user_child">
<label id="ChildTickError"></label>
</div>
<button type = "button" value="checkout" id="checkoutbtn" onclick="AdultNumber(); calculateFare(); " >CHECKOUT</button>
$('checkoutbtn')。在('click',function()上{
var AdInput=parseInt($(“#成人”).val();//将其声明为整数
var ChildInput=parseInt($(“#child”).val();
如果(ChildInput>=0&&ChildInput 0&&AdInput 0&&AdInput=10 | | ChildInput>=10){//如果用户输入大于10
确认(“您确定您需要10多名乘客吗?”);
document.getElementById(“Adtickeror”).textContent=“”;
返回true;
}
否则{
document.getElementById(“AdTickerError”).textContent=“输入正确的乘客人数不正确”;
返回false;
}
});
当然,删除HTML按钮标记上的“onclick”操作
$('#checkoutbtn').on('click',function(){
var AdInput = parseInt($("#adult").val()); //Declare it as an Integer
var ChildInput = parseInt ($("#child").val());
if (ChildInput >=0 && ChildInput <= 50 && AdInput > 0 && AdInput <= 50 || AdInput > 0 && AdInput <= 50 && !ChildInput ){ //If passengers are between 0 to 10
document.getElementById("AdTickError").textContent = "";
document.getElementById("ChildTickError").textContent = "";
return true;
}
else if( AdInput >= 10 || ChildInput>=10) { //If user input is greater than 10
confirm("Are you sure you want 10+ Passengers?");
document.getElementById("AdTickError").textContent = "";
return true;
}
else{
document.getElementById("AdTickError").textContent = "Incorrect Enter Correct Number Of Passengers";
return false;
}
});