js实现表单form提交前进行确认提示

在jquery中，可以使用confirm来弹出提示框，实现确认提交。下面小编举例讲解js实现表单form提交前进行确认提示。

工具/原料

js+html
代码编辑器：zend studio 10.0

方法/步骤

新建一个html文件，命名为test.html，用于讲解js实现表单form提交前进行确认提示。
在test.html文件中，使用form标签创建一个表单，并设置其id为myForm，用于测试。
在test.html文件中，在form表单内，使用input标签创建一个输入框，同时，创建一个提交按钮，当按钮被点击时，执行sub()函数。
在js标签内，创建sub()函数，在函数内，使用confirm()弹出确认提交提示框。
在函数内，再使用if判断提示框的操作结果，如果点击了“确定”，则使用submit()方法提交表单数据，并使用alert()提示“提交成功”。
在浏览器打开test.html文件，点击按钮，查看实现的效果。

END

总结：

1、使用form标签创建一个表单，并设置其id为myForm，用于测试。

2、在form表单内，使用input标签创建一个输入框，同时，创建一个提交按钮，当按钮被点击时，执行sub()函数。 3、在js标签内，创建sub()函数，在函数内，使用confirm()弹出确认提交提示框。 4、在函数内，再使用if判断提示框的操作结果，如果点击了“确定”，则使用submit()方法提交表单数据，并使用alert()提示“提交成功”。

转载自：https://jingyan.baidu.com/article/455a9950f6daf2e06727781b.html

js实现表单form提交前进行确认提示相关推荐

实现表单form提交前进行确认提示表单提交确认对话框
没想到有这么多人浏览这个文章,看来网络的文章害人不浅啊,我重新把代码格式化了,大家好好看吧. 感谢网友提醒,把οnsubmit="return sumbit_sure()" 改过来 ...
表单form提交前弹出确认对话框
表单form提交前进弹出确认对话框定义一个函数: <script language="javascript"> function sumbit_sure(){ var ...
form提交前进行确认提示
οnsubmit="return confirm('确定提交吗?')" <form action="xxx" onsubmit="return ...
js防止表单重复提交
在表单提交的时候,用户有时候会重复的点击提交按钮,会导致多次提交,产生重复数据.我们应该怎么办了?一般想法是:通过attachEvent在 form的onsubmit事件中写一个方法,每次触发该事件时 ...
html怎么防止表单重复提交,js防止表单重复提交的解决方法
防止表单重复提交,通常会通过attachEvent在 form的onsubmit事件中写一个方法,每次触发该事件时执行该方法,可以给form增加一个submited属性,每次判断这个属性,为 fals ...
Ajax（jQuery封装），表单form提交（Ajax），art-template模板引擎，原生Ajax，XML和JSON，axios，跨域和JSONP，防抖和节流，HTTP协议
目录服务器基本概念 1.URL 2.URL地址的组成部分 3. 图解客户端与服务器的通信过程 4.网页中如何请求数据 5.资源的请求方式 Ajax jQuery中的Ajax 1. $.get()函数 ...
表单Form提交数据和PHP数据处理
一.先来认识一下表单有那些常用元素和属性: 1.<from 表单的属性有: name="表单名称" ,非必须但是为避免混乱,不同表单尽量用不同的名字,且应该与表单的功能相符: ...
js之表单序列化提交
jQuery 序列化表单数据 serialize() serializeArray() 1.serialize()方法格式:var data = $("form").seria ...
jquery表单form提交阻止页面全部刷新
首先明确一点:form表单下,如果是针对form元素进行提交,整个页面都会刷新. 所以出现的问题是:当用户往输入框内输入内容分后,按回车或者点击提交按钮,往当前页面输出内容的局部刷新会被之后的整个页面 ...

js实现表单form提交前进行确认提示

工具/原料

方法/步骤

总结：

js实现表单form提交前进行确认提示相关推荐

最新文章

热门文章