当前位置: 代码迷 >> 综合 >> DOM(16)——form对象
  详细解决方案

DOM(16)——form对象

热度:107   发布时间:2023-10-01 22:41:41.0
document.getElementById('btn1').click()

1、form对象是表单的Dom对象。

2、方法:submit()提交表单,但是不会触发onsubmit事件。

3、实现autopost,也就是焦点离开控件以后页面立即提交,而不是只有提交submit按钮以后才提交,当光标离开的时候触发onblur事件,在onblur中调用form的submit方法。autopost代码如下。

    <form name="form1" action="a.aspx" method="get"><input type="text" onblur="form1.submit()" /><input type="text" />        </form>

4、在点击submit后form的onsubmit事件被触发,在onsubmit中可以进行数据校验,如果数据有问题,返回false即可取消提交

    <form name="form1" action="a.aspx" method="get" onsubmit="if(document.getElementById('txtname').value.length<=0){alert('姓名必填');return false;}">

附加:

<!--在别的地方执行该按钮的响应事件-->
<input id="btn" type="button" value="click" onclick="btnClick()"  />
<!--执行别的按钮的响应事件-->
<input type="text" onblur="document.getElementById('btn').click()" />

 

  相关解决方案