[英]Radio Button Validation u
我正在嘗試使用Javascript驗證單選按鈕。 但是我不明白。 誰能幫我解決此問題。 我已在下面附上我的代碼。 謝謝。
<form action="submitAd.php" method="POST" enctype="multipart/form-data" name="packages" onsubmit="return checkForm()">
<div id="plans_pay">
<input type="radio" name="group1" id="r1" value="Office" onchange="click_Pay_Office()" style="float:left;margin-top:20px;font-size:72px;">
<label style="float:left; margin-top:20px;" for="pay_office">At Our Office</label>
<img style="float:left;margin-bottom:10px;" src="images/Pay-at-office.png" />
</div>
<div id="plans_pay">
<input style="float:left;margin-top:20px;font-size:72px;" type="radio" name="group1" id="r2" value="HNB" onchange="click_Pay_Hnb()">
<label style="float:left; margin-top:20px;" for="pay_hnb">At Any HNB Branch</label>
<img style="float:left;margin-bottom:10px;" src="images/HNB.png" />
</div>
</form>
Java腳本
function checkForm(){
if( document.packages.pso.checked == false && document.packages.pso1.checked == false && document.packages.ph.checked == false && document.packages.ph2.checked == false && document.packages.ph3.checked == false && document.packages.pl.checked == false && document.packages.p3.checked == false && document.packages.p4.checked == false && document.packages.p5.checked == false && document.packages.p6.checked == false ){
alert('Please Select At Least One Package');
return false;
}
if( document.packages.pso.checked == false && document.packages.pso1.checked == false && document.packages.ph.checked == false && document.packages.ph.checked == false && document.packages.ph2.checked == false && document.packages.ph3.checked == false && document.packages.pl.checked == false && document.packages.p3.checked == false && document.packages.p4.checked == false && document.packages.p5.checked == false && document.packages.p6.checked == false){
alert('Please Select At Least One with the Advertise online option in premium package');
return false;
}
if(document.getElementById('words').value==''){
alert("Please Enter the Texts");
return false;
}
if(document.getElementById('r1').checked==false && document.getElementById('r2').checked==false){
alert("Please Select a Payment Method");
return false;
}
}
與其在事件onsubmit的 表單標簽中調用函數checkForm() ,不如在提交按鈕中更好地使用它
<input type="submit" name="submit" value="submit" onClick="return checkForm()" />
它將更好地工作並按要求輸出。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.