submit()提交表单时，显示警示框

我同事在实现submit()提交表单时，想要页面弹出警示框。

但是折腾了几小时后发现，submit()始终不执行。

她的代码如下：

$(document).ready(function(){
　　$("button").click(function(){
　　　　$("form").submit(function(e){
　　　　　　alert("Submitted");
　　　　});
　　});
});

在点击‘button’时，给form表单绑定了一个submit事件，并没有触发表单域的submit事件，自然也就无法执行绑定到submit事件的函数。

在w3c上对submit()方法的定义和用法有着明确的说明：

1.当提交表单时，会发生submit事件。

2.该事件只适用于表单元素。

3.submit()方法触发submit事件，或规定当发生submit事件时运行的函数。

我们需要先触发submit事件，之后再运行绑定到submit事件的函数。

正确写法如下：

$(document).ready(function(){

　　$("button").click(function(){
　　　　$("form").submit();
　　});

　　$("form").submit(function(e){
　　　　alert("Submitted");
　　});
});

在点击‘button’时，form表单执行submit方法，从而触发submit事件，执行绑定到submit事件的函数体。

个人拙见，欢迎指正，谢谢。

转载于:https://www.cnblogs.com/fanyx/p/6541691.html

submit()提交表单时，显示警示框相关推荐

php提交表单时判断 if($_POST[submit])与 if(isset($_POST[submit])) 的区别
if(isset($_POST['submit'])) 它的意思是不是判断是否配置了$_POST['submit'] 这个变量呢?如果有这个变量在执行其它代码应该这样用if(isset($_POS ...
ajax如何实现表单验证码,Ajax实现提交表单时验证码自动验证（原创自Zjmainstay）...
本文通过源码展示如何实现表单提交前,验证码先检测正确性,不正确则不提交表单,更新验证码. 1.前端代码 index.html 验证码提交自验证用户名验证码 (function($){ $(docu ...
只有设置了 name 属性的表单元素才能在提交表单时传递它们的值
$(function () {var wait = $("<img src=\"\" alt=\"正在上传\"/>");$(&q ...
php发布文章时未定义索引,关于php：提交表单时未定义索引错误
本问题已经有最佳答案,请猛点这里访问. 我正在忙于学习PHP,并且一直在按照教程创建一个基本站点,您可以在该站点中注册并拥有用户帐户/更改密码/更新信息等. 我正在为您更改密码(此视频中,我的时间大约 ...
提交表单时，post方式无法提交（一种情况）
tomcat6,设置文件上传不限制大小maxPostSize="0" 但是在tomcat7及以后版本,应设置为小于0,如maxPostSize="-1" 否则 ...
form提交表单时本地下载
form 提交表单时,没有进行跳转页面,而进行的时本地下载,或自动连接你的迅雷下载. 我把这句 contentType="text/html;charset=utf-8" 代码写成 ...
layui.form用ajax提交表单时的问题(巨坑)
主要问题:使用layui的form组件用ajax提交表单发送请求时,总是无法收到回调函数,success与error中的回调均不执行,且该表单会自动刷新. 解决办法:在提交表单的方法form.on() ...
ajax中提交属性table,wicket 6.0.0-beta2在使用AjaxButton提交表单时更新DataTable的内容...
我想根据表单的内容来更改DataTable的内容(将其视为搜索栏功能).我以前在wicket 1.5.x中这样做,但是似乎不能让它在小门6.0.0-beta2中工作.它似乎没有进入AjaxButton ...
提交表单后显示.asp源代码
我的HTML文件如下: <html charset="UTF-8"><head><title>世界你好</title></he ...

submit()提交表单时，显示警示框

submit()提交表单时，显示警示框相关推荐

最新文章

热门文章