有没有专门做游戏辅助的网站,帮开设赌场的网站做美工,wordpress两个站点共用用户,全国企业公示信息系统查询表单一点击提交按钮(submit)必然跳转页面#xff0c;如果表单的action为空也会跳转到自己的页面#xff0c;即效果为刷新当前页。 如下#xff0c;可以看到一点击提交按钮#xff0c;浏览器的刷新按钮闪了一下#xff1a; 如果想要阻止表单的默认提交事件#xff0c;有以…表单一点击提交按钮(submit)必然跳转页面如果表单的action为空也会跳转到自己的页面即效果为刷新当前页。 如下可以看到一点击提交按钮浏览器的刷新按钮闪了一下 如果想要阻止表单的默认提交事件有以下几种方法
1.将input标签内按钮类型从typesubmit修改为typebutton
2.表单内的button未指定类型时默认的类型为submit可以显式的修改为button typebutton来阻止表单提交
3.利用preventDefault()方法
!DOCTYPE html
html langen
headmeta charsetUTF-8titleDocument/titlescriptfunction func(event){event.preventDefault();}/script
/head
bodyform actioninput typesubmit valuebutton onclickfunc(event) / /form
/body
/html4…用onclick点击事件来return false 讲一下表单提交按钮onclick事件 onclickreturn true 为默认的表单提交事件 onclickreturn false为阻止表单提交事件 而一般用onclick来调用函数都是没有返回值的所以一般调用完成后为默认return true;所以才会看到先处理回调函数后再进行表单提交跳转。
!DOCTYPE html
html langen
headmeta charsetUTF-8titleDocument/titlescriptfunction func(){return false;}/script
/head
bodyform actioninput typesubmit valuebutton onclickreturn func() / !--注意是onclick内是return func();而不是简单的调用func()函数--/form
/body
/html5.利用表单的onsubmit事件 注意onsubmit事件的作用对象为form所以把onsubmit事件加在提交按钮身上是没有效果的。 form对象的onsubmit事件类似onclick,都是先处理调用的函数再进行表单是否跳转布尔值的判断 onsubmitreturn true 为默认的表单提交事件 onsubmitreturn false为阻止表单提交事件
!DOCTYPE html
html langen
headmeta charsetUTF-8titleDocument/titlescriptfunction func(){return false;}/script
/head
bodyform action onsubmitreturn func()input typesubmit valuebutton / /form
/body
/html