[英]Prevent MVC view submitting
我正在尝试将付款api集成到我的MVC 5 asp.net C#应用程序中。
第一部分涉及在不提交我的表单的情况下从该api获取“令牌”。
我对MVC比较陌生,因此无法正常工作。
我的标记的这一部分:
@using (Html.BeginForm("NewCard", "Payments", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
<form action="" method="POST" id="payment-form">
<span class="payment-errors"></span>
<div class="form-row">
<label>
<span>Card Number</span>
<input type="text" size="20" data-stripe="number" value="4242424242424242"/>
</label>
</div>
<div class="form-row">
<label>
<span>CVC</span>
<input type="text" size="4" data-stripe="cvc" value="1223"/>
</label>
</div>
<div class="form-row">
<label>
<span>Expiration (MM/YYYY)</span>
<input type="text" size="2" data-stripe="exp-month" value="10" />
</label>
<span> / </span>
<input type="text" size="4" data-stripe="exp-year" value="2022"/>
</div>
<button type="submit">Submit Payment</button>
</form>
}
$('#payment-form').submit(function (event) {
var $form = $(this);
// Disable the submit button to prevent repeated clicks
$form.find('button').prop('disabled', true);
Stripe.card.createToken($form, stripeResponseHandler);
// Prevent the form from submitting with the default action
event.preventDefault(); //i added this is!
return false; //from the sample code!
});
表单仍会提交/发回。
我究竟做错了什么?
您的HTML无效(嵌套的<form>
元素),并且外部表单正在提交。 拆下内部
<form action="" method="POST" id="payment-form">
标记,如果您要引用id
(您可以只使用$('form').submit(function (event) {
),则将外部格式更改为
@using (Html.BeginForm("NewCard", "Payments", FormMethod.Post, new { id = "payment-form", enctype = "multipart/form-data" }))
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.