如果输入字段不是 40 个字符，则隐藏付款表单PayPal提交按钮

Hide submit button for PayPal payment form if input field is not 40 characters

本文关键字：付款 隐藏 表单 PayPal 按钮 提交 字符 字段 输入 如果      更新时间：2023-09-26

我的网站上有一个"立即购买PayPal"按钮表单，用户填写该表单以购买产品。 

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="BHQLX7V2W2GJQ">
<table>
<tr><td><input type="hidden" name="on0" value="Select package">Select package</td></tr><tr><td><select name="os0">
    <option value="Premium">Premium $5.49 USD</option>
    <option value="Platinum">Platinum $14.49 USD</option>
    <option value="Diamond">Diamond $9.49 USD</option>
</select> </td></tr>
<tr><td><input type="hidden" name="on1" value="Enter your 40 character UDiD">Enter your 40 character UDiD</td></tr><tr><td><input type="text" name="os1" id="field" maxlength="40" placeholder="Paste UDiD here"></td></tr>
</table>
<input type="hidden" name="currency_code" value="USD">
<input type="image" src="https://www.paypalobjects.com/en_AU/i/btn/btn_buynow_LG.gif" border="0" name="submit" id="paypalButton" alt="PayPal — The safer, easier way to pay online.">
<img alt="" border="0" src="https://www.paypalobjects.com/en_AU/i/scr/pixel.gif" width="1" height="1">
</form>

在此表单中，有一个文本输入字段：

<input type="text" name="os1" id="field" maxlength="40">

我想强制用户输入他们正好 40 个字符的 UDiD（适用于他们的 iOS 设备），然后他们可以通过单击"立即购买"按钮（表单的提交按钮）。如果输入字段没有输入 40 个字符的字符串，如何通过禁用/隐藏按钮来执行此操作？

编辑：新表单代码

我继续修复了您的所有代码。

将您的表单更改为此...

  <form action="https://www.paypal.com/cgi-bin/webscr" method="post" id="paypalForm" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="BHQLX7V2W2GJQ">
<table>
<tr><td><input type="hidden" name="on0" value="Select package">Select package</td></tr><tr><td><select name="os0">
    <option value="Premium">Premium $5.49 USD</option>
    <option value="Platinum">Platinum $14.49 USD</option>
    <option value="Diamond">Diamond $9.49 USD</option>
</select> </td></tr>
<tr><td><input type="hidden" name="on1" value="Enter your 40 character UDiD">Enter your 40 character UDiD</td></tr><tr><td><input type="text" name="os1" id="field" maxlength="40" placeholder="Paste UDiD here"></td></tr>
</table>
<input type="hidden" name="currency_code" value="USD">
<input type="image" style="display:none;" src="https://www.paypalobjects.com/en_AU/i/btn/btn_buynow_LG.gif" name="submit" id="paypalButton" alt="PayPal — The safer, easier way to pay online.">
<img alt="" src="https://www.paypalobjects.com/en_AU/i/scr/pixel.gif" width="1" height="1">
</form>

并将其添加到您</body>标签上方

<script>
  $(window).keydown(function(event){
    if(event.keyCode == 13) {
        event.preventDefault();
        if($('#field').val().length == 40){
            $( "#paypalForm" ).submit();
        }
    }
  });
$(document).ready(function() {
    $("#field").keyup(function() {
        if ($('#field').val().length == 40) {
            $('#paypalButton').fadeIn();
        } else {
            $('#paypalButton').fadeOut();
        }
    });
});
    </script>
相关文章：