form中的onsubmit,form中的input有哪些类型
form表单的submit和onsubmit的区别
javascript中的submit与onsubmit事件:
submit与onsubmit
发生顺序:onsubmit - submit
1.阻止表单提单:
script
function submitFun()
{
//逻辑判断
return true; //允许表单提交
//逻辑判断
return false;//不允许表单提交
}
/script
form onsubmit=” reture submitFun();” //注意此处不能写成 onsubmit=”submitFun();” 否则将表单总是提交的
/form
2.onsubmit()与submit() :
script
function fun()
{
alert("form_submit");
}
/script
form onsubmit="fun()"
input type="submit" id="aaa" value="submit" !--能弹出form_submit--
input type="button" id="bbb" value="onclick_submit" onclick="document.forms[0].submit()"
!--
表单会提交,但是不会执行fun() 原因是 onsubmit事件不能通过此种方式触发(在IE环境)
直接用脚本documetn.formName.submit()提交表单是不会触发表单的onsubmit()事件的
--
input type="button" id="bb1" value="onclick_onsubmit" onclick="document.forms[0].onsubmit()"
!--会触发fun()函数--
/form
如何对form标签里的onsubmit事件进行处理
如果submit事件的处理取消了submit,那么表单不会被递交。
get_onsubmit实际上没什么作用,因为你获得之后可以做的只是Invoke,效果相当于submit而已。
put_onsubmit可以设置自己的事件处理。
form表单中的onsubmit怎么使用的?
onsubmit事件在提交数据成功后触发,你如果要阻止提交的话可以这样:
input type="submit" value="点击提交" onclick="return f()" /
这样在提交前就阻止了点击事件
html5 中form 没有调用onsubmit方法
onsubmit 属性在提交form表单时触发,onsubmit 属性只在 form 中使用。
测试代码如下:
!DOCTYPE?html
html
head
script
function?checkForm()
{
alert("表单已提交!");
}
/script
/head
body
form?action="/demo/demo_form.asp"?onsubmit="checkForm()"
姓:input?type="text"?name="lname"br
名:input?type="text"?name="fname"br
input?type="submit"?value="提交"
p函数?checkForm()?在提交按钮被点击时触发。此函数向用户显示一段消息。/p
/body
/html