我需要驗證我使用 Stripe 支付網關定期支付的表單。我的代碼如下。<form method="post" action="charge.php" name="renew" onsubmit="return validate();"><input type="radio" name="package" id="package" mode="normal" duration="30" text="1 Monat" value="29.90"> 29.90 € Pro Werbeanzeige-Laufzeit: 1 Monat<br><input type="radio" name="package" id="package" mode="normal" duration="60" text="2 Monate" value="49.90"> 49.90 € Pro Werbeanzeige-Laufzeit: 2 Monate<br><input type="radio" name="package" id="package" mode="normal" duration="90" text="3 Monate" value="59.90"> 59.90 € Pro Werbeanzeige-Laufzeit: 3 Monate<br><input type="radio" name="package" id="package" mode="recurring" duration="30" text="Monate" value="19.90"> 19,90 € Monate<br><input name="oid" type="hidden" value="<?=$oid;?>" /><input name="mode" id="mode" type="hidden" value="" /><input name="duration" id="duration" type="hidden" value="" /><!--<input type="submit" name="makepayment" value="Pay" > --><script src="https://checkout.stripe.com/checkout.js" class="stripe-button" data-key="<?php echo $stripe['publishable_key']; ?>" data-name="GOALSTART" data-description="1 Monate" data-panel-label="Abonnieren" data-label="PAY NOW" data-locale="auto">></script></form><script type="text/javascript"> function validate(){ console.log('hello'); if (document.getElementById('package').checked) { //alert("checked submit form"); return true; } else { alert("Unchecked form will not be submitted"); return false; } }</script>在這里我需要，如果單選按鈕沒有被選中，那么表單將不會提交。但根據我的代碼，它無法檢查驗證。
2 回答
夢里花落0921
TA貢獻1772條經驗 獲得超6個贊
在 checkout.stripe.com 腳本周圍添加一個 div。由于“立即付款”是動態生成的，因此您無法對其進行太多控制。所以你可以通過以下方法限制點擊它。
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<form method="post" action="charge.php" name="renew" onsubmit="validate();">
<input type="radio" name="package" id="package-1" mode="normal" duration="30" text="1 Monat" value="29.90" required="true"> 29.90 € Pro Werbeanzeige-Laufzeit: 1 Monat<br>
<input type="radio" name="package" id="package-2" mode="normal" duration="60" text="2 Monate" value="49.90"> 49.90 € Pro Werbeanzeige-Laufzeit: 2 Monate<br>
<input type="radio" name="package" id="package-3" mode="normal" duration="90" text="3 Monate" value="59.90"> 59.90 € Pro Werbeanzeige-Laufzeit: 3 Monate<br>
<input type="radio" name="package" id="package-4" mode="recurring" duration="30" text="Monate" value="19.90"> 19,90 € Monate<br>
<input name="oid" type="hidden" value="<?=$oid;?>" />
<input name="mode" id="mode" type="hidden" value="" />
<input name="duration" id="duration" type="hidden" value="" />
<!--<input type="submit" name="makepayment" value="Pay" > -->
<div class="checkout-part-wrapper">
<script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
data-key="<?php echo $stripe['publishable_key']; ?>"
data-name="GOALSTART"
data-description="1 Monate"
data-panel-label="Abonnieren"
data-label="PAY NOW"
data-locale="auto">>
</script>
</div>
</form>
<script type="text/javascript">
jQuery('.checkout-part-wrapper').css('pointer-events', 'none');
jQuery('input[type=radio][name=package]').change(function() {
jQuery('.checkout-part-wrapper').css('pointer-events', 'auto');
});
</script>
</body>
</html>
慕萊塢森
TA貢獻1810條經驗 獲得超4個贊
改變這一行
if (document.getElementById('package').checked) {到
if (document.querySelectorAll('input[name=package]:checked').length) {- 2 回答
- 0 關注
- 235 瀏覽
添加回答
舉報
0/150
提交
取消