提交form表单后的刷新问题

来自：https://blog.csdn.net/MaYuKang/article/details/120669401

按钮类型type="submit"时，form表单会触发提交事件

action为空，button按钮没有执行任函数，但是点击按钮后，页面刷新	1、form表单在提交后会跳转action属性中的地址 2、action属性若为空，则刷新当前页面 3、button按钮会触发表单提交，input按钮则不会触发，原因是 button默认type=submit，input标签指定type='button' 即按钮类型type="submit"时，form表单会触发提交事件
点击按钮后，页面跳转百度
input，点击后，无任何反应
input，action为空，点击后，无任何反应

如果提交表格前需要对form中的数据进行校验，可以使用以下方式：

<form action="http://www.baidu.com"  onsubmit="return validate_form(this)" >
    ......
    <input  type='submit' value="Submit">
form>

给form标签加上onsubmit事件，当发生提交时，先根据自定义的validate_form方法校验表格数据，校验成功才能触发action。

html

相关