paypal - 如何制作 Paypal 按钮字段 'Required' ？

Question

我已经使用 paypal 按钮生成器创建了一个立即付款按钮。

该按钮有 2 个字段，然后您按立即付款。

但是，如果您将这些字段留空，您仍然可以付款

我想让这些字段成为“必填”，如果用户没有填写这些字段，他就不能支付。怎么办？

按钮未托管在 paypal 上，但按钮保护开启。我希望按钮被加密。

编辑

我尝试了 javascript 表单验证，没有用，有什么帮助吗？

这是脚本

<form
action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<table>
<tr><td><input type="hidden" name="on0" value="first form">form 1</td></tr><tr><td><input type="text" name="os0" maxlength="200"></td></tr>
<tr><td><input type="hidden" name="on1" value="2nd form">2nd form</td></tr><tr><td><input type="text" name="os1" maxlength="200"></td></tr>
</table>
<input type="hidden" name="encrypted" value=" encryption here ">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_paynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>

需要帮助填写这些字段吗？我会给你 3 票赞成票，因为我有 3 个 stackoverflow 帐户和一个可接受的答案 - 这是我至少可以做的 :)

附言

我无法使表单验证工作，所以我尝试隐藏提交按钮，除非填写了表单，到目前为止，这也没有用。

更新 - @Last Rose Studios

我尝试了很多验证方式，最后我用了我 friend 的联系方式验证 lol

验证.js

function has_id(id){try{var tmp=document.getElementById(id).value;}catch(e){return false;}
return true;}
function has_name(nm){try{var tmp=cfrm.nm.type;}catch(e){return false;}
return true;}
function $$(id){if(!has_id(id)&&!has_name(id)){alert("Field "+id+" does not exist!\n Form validation configuration error.");return false;}
if(has_id(id)){return document.getElementById(id).value;}else{return;}}
function $val(id){return document.getElementById(id);}
function trim(id){$val(id).value=$val(id).value.replace(/^\s+/,'').replace(/\s+$/,'');}
var required={field:[],add:function(name,type,mess){this.field[this.field.length]=[name,type,mess];},out:function(){return this.field;},clear:function(){this.field=[];}};var validate={check:function(cform){var error_message='Please fix the following errors:\n\n';var mess_part='';var to_focus='';var tmp=true;for(var i=0;i<required.field.length;i++){if(this.checkit(required.field[i][0],required.field[i][1],cform)){}else{error_message=error_message+required.field[i][2]+' must be supplied\n';if(has_id(required.field[i][0])&&to_focus.length===0){to_focus=required.field[i][0];}
tmp=false;}}
if(!tmp){alert(error_message);}
if(to_focus.length>0){document.getElementById(to_focus).focus();}
return tmp;},checkit:function(cvalue,ctype,cform){if(ctype=="NOT_EMPTY"){if(this.trim($$(cvalue)).length<1){return false;}else{return true;}}else if(ctype=="EMAIL"){exp=/^[a-zA-Z0-9._%-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;if($$(cvalue).match(exp)==null){return false;}else{return true;}}},trim:function(s){if(s.length>0){return s.replace(/^\s+/,'').replace(/\s+$/,'');}else{return s;}}};

paypal.html

<script src="validation.js"></script>


    <script>
    required.add('os0','NOT_EMPTY','1st form');

    required.add('os1','NOT_EMPTY','2nd form')

    </script>


<form action="https://www.paypal.com/cgi-bin/webscr" method="post" onsubmit="return validate.check(this)">
<input type="hidden" name="cmd" value="_s-xclick">
<table>
<tr><td><input type="hidden" name="on0" value="1st form">1st form<span class="required_star"> * </span></td></tr><tr><td><input type="text" name="os0" maxlength="200" id="os0" class="required"></td></tr>
<tr><td><input type="hidden" name="on1" value="2nd form">2nd form<span class="required_star"> * </span></td></tr><tr><td><input type="text" id="os1" name="os1" maxlength="200" class="required"></td></tr>
</table>
<input type="hidden" name="encrypted" value=" encryption here
">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_paynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>

我用过 JavaScript，然后我读了你的答案，但我不会改变，因为它现在可以工作了

我还有两个小问题

1- 是否可以从 paypal 页面中删除描述框，请参阅此

2- 支付完成后 paypal 没有重定向到感谢页面，我创建了很多按钮，它只是没有重定向(我没有取消页面)

Answer 1

您可以使用 html5 输入属性“required”，这会处理一些浏览器，对于其他浏览器，您将不得不使用 javascript 来验证表单。

如果你不介意给你一个简单的例子，我会使用 jQuery。

$('form').submit(function(e){
    flag = false;
    $('[name="os0"], [name="os1"]').css('background','').each(function(){
        el=$(this);
        if(el.val().length == 0){
           flag = true;
           el.css('background','red');
        }
    });
    if(flag){
     return false;
    }
});

这将阻止提交表单，除非两个字段都已填写。我还通过将输入的背景变为红色(可选)为用户添加了一些反馈。

当然，这只适用于现代浏览器或启用了 javascript 的旧浏览器，它仍然会通过一小部分。在这种情况下，Robert 建议您将帖子发布到服务器上的中间页面可能是个好主意。