无法使用PHP和条带支付网关验证表单
我需要验证使用条带支付网关定期支付的表单。我的代码如下无法使用PHP和条带支付网关验证表单,php,stripe-payments,Php,Stripe Payments,我需要验证使用条带支付网关定期支付的表单。我的代码如下 <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 Werbeanz
<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>
29.90欧元专业Werbeanzeige Laufzeit:1莫纳特
49.90欧元Pro Werbeanzeige Laufzeit:2单酸盐
59.90欧元Pro Werbeanzeige Laufzeit:3单酸盐
19,90欧元单酸盐
换行
if (document.getElementById('package').checked) {
到
在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>
29.90欧元专业Werbeanzeige Laufzeit:1莫纳特
49.90欧元Pro Werbeanzeige Laufzeit:2单酸盐
59.90欧元Pro Werbeanzeige Laufzeit:3单酸盐
19,90欧元单酸盐
不，该函数根本没有调用。@satya 1。“提交”按钮在问题中被注释掉。2.onsubmit=“return validate（）；”将在表单提交时调用validate函数。3.如果您看不到任何输出，请尝试开发人员工具，并在启用保留日志选项后检查控制台选项卡（或简单地将alert（）函数而不是console.log）“问题中的提交按钮被注释掉了”一个/alternative/submit按钮被注释掉了，实际使用的提交按钮是JS引入的“条带按钮”（顺便说一句，这也是造成头痛的部分原因）.mikeyjk Aah！！谢谢！我没注意到。@satya你检查过这个吗？@mikeyjk你是对的。最好检查条带文档。我刚刚在他的javascript代码中指出了问题。你有多个元素都具有相同的ID。ID是唯一的，所以当你getElementById
时，你只会得到第一个元素h找到的是该ID，而不是所有ID。@PaulAsjes:它应该首先调用validate函数。这与satya无关，正如所指出的，您有无效的重复ID。大多数聪明的编辑器都会将此标记为问题。除了数据区域设置
之后的额外/不正确的结束标记“>”。这个问题可以通过以下方式结束：由于一个无法再复制的问题或一个简单的印刷错误而导致。虽然这里可能有类似的问题，但这一问题的解决方式不太可能对未来的读者有所帮助。+1尽管我认为最好按条子规则玩/使用官方支持的方式生成带有自定义输入的签出等。
<!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>