javascript – Jquery：form.submit()有效,但form.submit(处理程序)没有
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Jquery：form.submit()有效,但form.submit(处理程序)没有，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3408字，纯文字阅读大概需要5分钟。
内容图文
我的html中只有一个表单.
<form role="form" class="form-horizontal" id="WebToLeadForm" action="http://Sujay-Y510p:80/suitecrm/index.php?entryPoint=WebToLeadCapture" method="POST" name="WebToLeadForm">
<div class="form-body">
<div class="form-group form-control-group form-md-line-input">
<label class="col-md-2 control-label" for="form_control_1">Salutation</label>
<div class="col-md-10">
<select class="form-control" id="salutation" name="salutation">
<option value="" disabled selected>Select your option</option>
<option value="">Ms</option>
<option value="">Mr</option>
<option value="">Mrs</option>
<option value="">Doctor</option>
<option value="">Prof</option>
</select>
<div class="form-control-focus">
</div>
</div>
</div>
<div class="form-group form-md-line-input">
<label class="col-md-2 control-label" for="name">First Name</label>
<div class="col-md-10">
<input class="form-control" id="first_name" placeholder="Enter your name" type="text" name="first_name">
<div class="form-control-focus">
</div>
</div>
</div>
<div class="form-group form-md-line-input">
<label class="col-md-2 control-label" for="form_control_1">Last Name</label>
<div class="col-md-10">
<input class="form-control" id="last_name" name="last_name" placeholder="Enter your name" type="text">
<div class="form-control-focus">
</div>
</div>
</div>
<div class="form-group form-md-line-input">
<label class="col-md-2 control-label" for="form_control_1">Mobile</label>
<div class="col-md-10">
<input class="form-control" id="phone_mobile" name="phone_mobile" placeholder="Enter your name" type="text">
<div class="form-control-focus">
</div>
</div>
</div>
<div class="form-group form-md-line-input">
<label class="col-md-2 control-label" for="form_control_1">Email Address</label>
<div class="col-md-10">
<input class="form-control" id="email1" name="email1" placeholder="Enter your email" type="email" onchange="validateEmailAdd();">
<div class="form-control-focus">
</div>
</div>
</div>
</div>
<div class="form-actions">
<div class="row">
<div class="col-md-offset-2 col-md-10">
<button type="button" class="btn default">Cancel</button>
<button type="button" class="btn blue" id="submitButton">Submit</button>
</div>
</div>
<div class="row">
<br>
<br>
<br>
<br>
<br>
<br>
</div>
</div>
<tr>
<td style="display: none;">
<input id="campaign_id" type="hidden" name="campaign_id" value="34101a86-12b1-bec3-2c18-560ed4c48ddb" />
</td>
</tr>
<tr>
<td style="display: none;">
<input id="assigned_user_id" type="hidden" name="assigned_user_id" value="1" />
</td>
</tr>
<tr>
<td style="display: none;">
<input id="req_id" type="hidden" name="req_id" value="last_name;" />
</td>
</tr>
</form>
在我编写下面提到的代码的脚本中,它正确提交.它带我到响应页面.
$('form').submit();
但是当我写下面的代码时,它甚至没有进入该功能.不提交.它甚至不显示警报.
$('form').submit(function (e) {
e.preventDefault();
alert('inside');
});
可能是什么问题？
解决方法:
你打电话的时候：
$('form').submit();
简单来说,它告诉jquery“请提交表格”
当你打电话给这个时：
$('form').submit(function (e) {
e.preventDefault();
alert('inside');
});
它告诉jquery：“如果表单已提交,请运行此函数”
含义：
第一个脚本调用提交,而第二个脚本将一个处理程序附加到提交事件但不调用提交
如果除了附加处理程序之外,您想要提交表单,那么您需要在以下内容之后调用不带参数的提交：
$('form').submit(function (e) {
e.preventDefault();
alert('inside');
});
$('form').submit();
同样的工作方式与其他jquery函数类似,点击,加载等.
没有参数它是一个invokation,而使用一个函数它只是一个没有invokation附加的处理程序.
内容总结
以上是互联网集市为您收集整理的javascript – Jquery：form.submit()有效,但form.submit(处理程序)没有全部内容，希望文章能够帮你解决javascript – Jquery：form.submit()有效,但form.submit(处理程序)没有所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。