您的位置：首页 > 其它

form表单提交

2016-09-12 20:23 411 查看
form主要是把数据打包(例如input)提交给服务器

1.form对象是表单的Dom对象

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

3.实现autopost,也就是焦点离开控件以后页面立即提交，而不是只有提交

   submit按钮以后才提交，当光标离开的时候触发onblur事件，在

   onblur中调用form的submit方法

4.在点击submit后form的onsubmit事件被触发，在onsubmit中可以进行

   数据校验，数据有问题，返回false即可取消提交

5.<form name="form1" action="a.aspx" method="get"

    onsubmit="if(document.getElementById('txtname').value.length<=0)

      {alert('姓名必填');return false;}">

<head>

    <title>Form提交表单</title>

    <script type="text/javascript">

    </script>

</head>

<body>

    <form id="myForm" action="ok.aspx">

        <input type="text" />

        <input type="button" value="我不能提交" />

        <input type="button" value="我也能提交" onclick=" document.getElementById("myForm").submit()" />

        <input type="submit" />

        <!--下面的代码演示的是通过代码的方式调用另外一个按钮的单击事件-->

        <br />

        <input type="button" id="btn1" value="单击我" onclick="alert('你单击了我!')" />

        <input type="button" value="调用其他按钮的单击事件"

                    onclick="document.getElementById('btn1').click();" />

    </form>

</body>

<html>

<head>

    <title>Select控件的Autopost</title>

    <script type="text/javascript">

        function selChange() {

            var myForm = document.getElementById("myForm");

            myForm.submit();

        }

    </script>

</head>

<body>

    <!--下拉框列表选择后，自动提交表单-->

    <form id="myForm" action="ok.aspx">

        <select onchange="selChange()">

            <option>香蕉</option>

            <option>苹果</option>

            <option>菠萝</option>

        </select>

    </form>

</body>

</html>

不同浏览器对于dom支持的方法不一样：

例如1、获取网页中哪个元素触发了事件，在Ie中使用srcElement，在fixfox中使用target

2、使用dom获取和更改网页标签内的文本：

 在Ie中使用innerText，在firefox中使用textContext

 Jquery之类的框架进行了封装，将不同浏览器的差异帮开发人员处理了，开发人员只要调用jquery方法，jquery会帮助在不同浏览器中进行翻译

 
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航