当前位置:首页 » 代码教程 » 一段代码实现支付宝收款,可实现金额为必填项

一段代码实现支付宝收款,可实现金额为必填项

互联网日渐普及的今天,支付宝这种便利的网上交易平台越来越受人钟爱,我们很多时候都能用到。今天舍力就来告诉大家如何实现支付宝收款,可以卖模板,插件,也可以做为捐助等等。记得以下舍力博客也写过相应的教程《支付宝自动填写收款人帐号、付款金额、付款说明及备注说明》,其实原来都差不多,只是本教程加入了验证必填项,不废话了,看效果图如下
支付宝收款.png
首先加入样式CSS代码,如下
<style>input{border:0px;height:25px;line-height:25px;}
.alipay{margin:20px auto;width:300px;border:1px solid #ccc;font-size:12px;}
.alipay ul{margin:0px;padding:0px;}
.alipay li{list-style-type:none;clear:both; overflow:hidden;}
.alipay li p{float:left;text-indent:0!important;padding:0px;margin:0px;width:60px;text-align:center;border-right:1px solid #ccc;}
.alipay li span{margin-left:5px;}
.bb{border-bottom:1px solid #ccc;height:30px;line-height:30px;}
.paybg{background:#ddd;}
.pay{text-align:center;}.pay input{background:#ccc;color:#FFF;height:30px;line-height:30px;border-radius:3px;margin:5px auto; font-weight:bold;}
.pay input:hover{background:#FC3;}
</style>
html代码如下(其中的支付宝帐号改为自己的即可):
<form name="alipayment" accept-charset="GBK" method="post" action="https://shenghuo.alipay.com/send/payment/fill.htm" target="_blank" onSubmit="return CheckForm();">
<div class="alipay"><ul>
<li class="bb paybg"><p>付款帐号</p><span><input type="hidden" name="optEmail" value="支付宝帐号" />支付宝帐号</span></li>
<li class="bb"><p>付款金额</p><span><input type="text" id="s" class="form-control" name="payAmount" value=""  placeholder="金额必须填写"/></span></li>
<li class="bb"><p>备注说明</p><span><input type="text" name="title" value="" placeholder="可以是邮箱或QQ..."/></span></li>
<li class="pay"><input type="submit" id="searchsubmit" value="登录支付宝付款" /></li>
</ul></div></form>
实现必填项则需要加入js代码,如下
<script language=JavaScript>
function CheckForm(){
if(document.alipayment.payAmount.value.length == 0){alert("请输入付款金额.");document.alipayment.payAmount.focus();return false;}
var reg	= new RegExp(/^\d*\.?\d{0,2}$/);
if(! reg.test(document.alipayment.payAmount.value)){alert("金额必须是数字");document.alipayment.payAmount.focus();return false;}
if(Number(document.alipayment.payAmount.value) < 1.00){alert("付款金额金额最小是1.00.");document.alipayment.payAmount.focus();return false;	}  
}  
</script>
End
温馨提示:如果您对本文有疑问,请在本页留言即可!!!
觉得很赞 (7)付款方式
X
付款方式:
  • 微信
  • 支付宝
  • QQ红包

使用微信扫一扫
blogger
    发布日期:2015-08-04   所属类别:代码教程   浏览:11314次   评论:7次
    本文地址:https://www.shuyong.net/chengxu/790.html [ 百度已收录 ]
    声明:本页信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!

留言/评论:◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

填写好QQ号码,任点空白处自动获取

昵称

邮箱

网址

4楼、啊宅 [回复该留言]
2015-08-06 11:50
界面好简单!喜欢这样的设计。拜访一下
舍力(博主) [回复该留言]
2015-08-06 11:58
@啊宅:喜欢就好,你的博客安全管家老是提示有风险,可以检查一下!
3楼、灵商智库 [回复该留言]
2015-08-05 21:07
好东西,果断收藏
舍力(博主) [回复该留言]
2015-08-06 07:31
@灵商智库:有用就好!
2楼、博客志 [回复该留言]
2015-08-05 14:05
博客志回访~
舍力(博主) [回复该留言]
2015-08-06 07:31
@博客志:欢迎访问!
1楼、树脂饰品 [回复该留言]
2015-08-04 17:05
赞一个

个人资料

舍力

博主:舍力

Emlog交流群

    用心做好每一件事!!!

博客统计

  • 文章数量:1132篇
  • 文章评论:3510条
  • 总访问量:9471487次
  • 微语数量:81条
  • 在线人数:2人
  • 本站运行:10年7月25天
  • 估计博主很忙,已经很久没更新了!
Q2 虚位以待
Copyright © 2024 舍力博客 版权所有   粤ICP备11021420号
基于宝塔面板,数据存储于阿里云ECS
Powered by emlog / &Author 舍力博客.