如何使paypal按钮字段'必需'?

时间:2011-11-19 20:56:07

标签: paypal paypal-ipn paypal-sandbox paypal-subscriptions

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

按钮有2个字段,然后按现在付款。

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

我想让这些字段“必填”,如果用户没有填写这些字段,他应该无法付款。怎么样?

该按钮不在paypal上托管,但按钮保护为 ON 。我希望按钮被加密。

修改

我试过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帐户和一个接受的答案 - 这是我能做的最少:)

PS

我无法进行表单验证工作,所以我试图隐藏提交按钮,除非表单已填写,到目前为止,这样做不起作用。

更新 - @Last Rose Studios

我尝试了很多验证方法,最后我使用了我朋友的联系表格验证lol

validation.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页面删除描述框,请参阅此enter image description here

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

2 个答案:

答案 0 :(得分:7)

您可以使用html5输入属性&#39; required&#39;,这会照顾一些浏览器,对于其他浏览器,您必须使用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的旧版浏览器,但仍会有一小部分会通过。在这种情况下,罗伯特建议您在服务器上的页面之间发帖可能是个好主意。

答案 1 :(得分:3)

如果不修改按钮代码,您需要一个客户端解决方案(如您所述),因为POST将直接转到PayPal(https://www.paypal.com/cgi-bin/webscr)。
或者,您可以将POST提交到服务器上的中间页面,然后从那里的PayPal转发,以便包括服务器端检查(仅当字段是绝对必需的,以防JavaScript被禁用,例如)。