Javascript 模式中的表单未使用jquery提交
我试图创建一个模式使用条纹,但我不能得到的形式提交。我不知道为什么jQuery似乎不能引用表单id。当我引用表单id时,代码似乎还不能识别它。当我引用父div并使用Javascript 模式中的表单未使用jquery提交,javascript,jquery,html,forms,bootstrap-modal,Javascript,Jquery,Html,Forms,Bootstrap Modal,我试图创建一个模式使用条纹,但我不能得到的形式提交。我不知道为什么jQuery似乎不能引用表单id。当我引用表单id时,代码似乎还不能识别它。当我引用父div并使用。单击引用表单时,它似乎引用了表单。这是一个奇怪的jQuery还是我有一些愚蠢的实现 <!-- Trigger the modal with a button --> <button type="button" class="btn btn-default btn-lg" data-toggle="modal" da
。单击引用表单时,它似乎引用了表单。这是一个奇怪的jQuery还是我有一些愚蠢的实现
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-default btn-lg" data-toggle="modal" data-target="#cardModal">Update card Details</button>
<!-- 'Update' Modal -->
<div id="cardModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<!-- Modal header -->
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Update card details</h4>
</div>
<!-- Modal body -->
<div class="modal-body">
<from action="/settings/card" method="post" id="updateCard" class="form-horizontal">
<div class="form-group has-feedback">
<label class="control-label col-sm-2">Card Number:</label>
<div class="col-sm-6">
<input type="text" class="form-control" data-stripe="number" required>
<i class="form-control-feedback glyphicon glyphicon-pencil"></i>
</div>
</div>
<div class="form-group has-feedback">
<label class="control-label col-sm-2">Name on card:</label>
<div class=" col-sm-6">
<input type="text" class="form-control" data-stripe="name" required>
<i class="form-control-feedback glyphicon glyphicon-user"></i>
</div>
</div>
<div class="form-group has-feedback">
<label class="control-label col-sm-2">Expiry Date:</label>
<div class="col-sm-4">
<div class="form-inline">
<div class="form-group">
<input type="text" class="form-control" data-stripe="exp_month" placeholder="Month" required/>
input type="text" class="form-control" data-stripe="exp_year" placeholder="Year" required />
</div>
</div>
</div>
</div>
<div class="form-group has-feedback">
<label class="control-label col-sm-2">CVC:</label>
<div class=" col-sm-2">
<input type="password" class="form-control" data-stripe="cvc" required>
<i class="form-control-feedback glyphicon glyphicon-shopping-cart"></i>
</div>
</div>
<!-- Form Submit -->
<button type=submit id="submitP" class="btn btn-default btn-lg">Submit</button>
</from>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Exit</button>
</div>
</div>
</div>
检查表单声明,您将其称为FROM not FORM..,因此它不会调用submit函数将其更改为FORM
<from action="/settings/card" method="post" id="updateCard" class="form-horizontal">
更改如下:
<form action="/settings/card" method="post" id="updateCard" class="form-horizontal">
检查您提到的表单声明,因为它不是表单..所以它不会调用提交函数将其更改为表单
<from action="/settings/card" method="post" id="updateCard" class="form-horizontal">
更改如下:
<form action="/settings/card" method="post" id="updateCard" class="form-horizontal">