admin 管理员组

文章数量: 1087649

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()提示“提交成功”。

转载自：.html

本文标签： js实现表单form提交前进行确认提示

版权声明：本文标题：js实现表单form提交前进行确认提示 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1686652604a20656.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。