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

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

工具/原料

• js+html

• 代码编辑器：zend studio 10.0

方法/步骤

1. 新建一个html文件，命名为test.html，用于讲解js实现表单form提交前进行确认提示。

   

2. 在test.html文件中，使用form标签创建一个表单，并设置其id为myForm，用于测试。

   

3. 在test.html文件中，在form表单内，使用input标签创建一个输入框，同时，创建一个提交按钮，当按钮被点击时，执行sub()函数。

   

4. 在js标签内，创建sub()函数，在函数内，使用confirm()弹出确认提交提示框。

   

5. 在函数内，再使用if判断提示框的操作结果，如果点击了“确定”，则使用submit()方法提交表单数据，并使用alert()提示“提交成功”。

   

6. 在浏览器打开test.html文件，点击按钮，查看实现的效果。

   

   END

总结：

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

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

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