提交单一的现场信用卡表格

时间:2017-06-20 20:26:51

标签: jquery forms

我一直在使用此页面中的单一字段付款系统:https://github.com/zdfs/toscani

我不知道javascript的方式,我一直试图弄清楚如何在完成后提交表单!按原样,完成后会显示来自.js文件的消息:“万岁!您已成功填写了信用卡信息。”

当尝试将解决方案包装在表单标记中而不是提交时,表单将在弹出警告中显示“请匹配请求的格式”(这是测试页面:http://fundraiserhp.com/secure/test_cc.lasso)。< / p>

我已经尝试在各个地方添加提交按钮,但我得到了相同的结果。这就是我现在所拥有的:

 <section>
    <form method="post" action="">
        <input type="hidden" name="test" value="test">
        <fieldset class="credit-card-group">
            <legend>Credit Card Information</legend>
            <label for="card-number">Credit Card Number</label>
            <input placeholder="1234 5678 9012 3456" pattern="[0-9]*" type="text" class="card-number" id="card-number">
            <label for="card-number">Expiration Date</label>
            <input placeholder="MM/YY" pattern="[0-9]*" type="text" class="card-expiration" id="card-expiration">
            <label for="card-number">CVV Number</label>
            <input placeholder="CVV" pattern="[0-9]*" type="text" class="card-cvv" id="card-cvv">
            <label for="card-number">Billing Zip Code</label>
            <input placeholder="ZIP" pattern="[0-9]*" type="text" class="card-zip" id="card-zip">               
        </fieldset>
        <div class="form-group">
            <div class="col-sm-9"></div>
                <div class="col-sm-3">
                    <button type="submi<button type="submit" class="btn btn-primary" name="signup" value="Sign up">Complete Order</button></div>
                            </div>
                        </div><!-- !form-group -->      
    </form>
</section>

0 个答案:

没有答案