Jquery 提交单字段信用卡表单

Jquery 提交单字段信用卡表单,jquery,forms,Jquery,Forms,我一直在玩这个页面上的单场支付系统: 由于不知道如何使用javascript,我一直在试图弄清楚如何在表单完成后提交表单!按原样,完成后,它会显示一条来自.js文件的消息:“万岁!您已经成功填写了您的信用卡信息。” 当尝试将解决方案包装到表单标记中时,它将在弹出警告中显示“请匹配请求的格式”,而不是提交表单(这是测试页面:) 我尝试在不同的地方添加submit按钮,但得到了相同的结果。以下是我现在拥有的: <section> <form method="post" a

我一直在玩这个页面上的单场支付系统:

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

当尝试将解决方案包装到表单标记中时,它将在弹出警告中显示“请匹配请求的格式”,而不是提交表单(这是测试页面:)

我尝试在不同的地方添加submit按钮,但得到了相同的结果。以下是我现在拥有的:

 <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>

信用卡信息
信用卡号码
到期日期
CVV数
账单邮政编码

寻求调试帮助的问题(“为什么这段代码不起作用?”)必须包括所需的行为、特定的问题或错误以及在问题本身中重现它所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅:。我查看了您提供的测试页面的源代码,注意到您的输入字段的所有模式都只是“-9*”,而不是上面代码中的“[0-9]*”(需要清理,仅供参考)。我为没有更清楚表示歉意。填写完表单后,会出现一条消息:“万岁!您已经成功填写了信用卡信息。”我想要的是表单提交到另一个页面(就像表单一样),但我似乎无法改变这种行为!至于显示-9而不是0-9的表单很有趣,因为代码不是这样写的!寻求调试帮助的问题(“为什么这段代码不起作用?”)必须包括所需的行为、特定的问题或错误以及在问题本身中重现它所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅:。我查看了您提供的测试页面的源代码,注意到您的输入字段的所有模式都只是“-9*”,而不是上面代码中的“[0-9]*”(需要清理,仅供参考)。我为没有更清楚表示歉意。填写完表单后,会出现一条消息:“万岁!您已经成功填写了信用卡信息。”我想要的是表单提交到另一个页面(就像表单一样),但我似乎无法改变这种行为!至于显示-9而不是0-9的表单很有趣,因为代码不是这样写的!