首页 > 其他 > 详细

表单处理

时间:2018-04-14 21:52:13      阅读:215      评论:0      收藏:0      [点我收藏+]

1.获取表单方法

document.getElementById(‘myform‘)

document.getElementsByTagName(‘form‘)[0]

document.forms[0]

document.forms[‘yourform‘]   // 使用form的名称下标获取元素

document.yourForm  // 使用name名称直接获取元素

PS: submit事件,用传统的方式: object.onsubmit = function(){}

问题: submit事件,为什么要用form对象来触发呢?为什么不能是input中的sub按钮来触发呢?

  答: 把submit事件注册到input中的submit按钮,是无法出发到submit事件的,必须把submit事件绑定到form对象上,才可以触发submit事件,只不过是触发submit事件的流畅是点击input中的submit按钮而已

submit()方法可以让非submit按钮进行提交,但是对象一定是form

<form id="myForm" name="yourFrom">
        <input type="text" name="user" value="123">
        <input type="button"  value="提交" id="btn">
    </form>
    <script type="text/javascript">
        var btn = document.getElementById(‘btn‘);
        var fm = document.getElementById(‘myForm‘);
        btn.onclick = function(){
            fm.submit();
        }
    </script>

 

表单处理

原文:https://www.cnblogs.com/redpen/p/8835292.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!