欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > HTML >
    Submit对象代表HTML表单中的一个提交按钮(submitbutton)。在HTML表单中<inputtype="submit">标签每出现一次,一个Submit对象就会被创建。
    在表单提交之前,触发onclick事件句柄,并且一个句柄可以通过返回false来取消表单提交。
    参阅Form.submit()方法和Form.onsubmit事件句柄。
    您可以通过遍历表单的elements[]数组来访问某个提交按钮,或者通过使用document.getElementById()。
    IE:InternetExplorer,F:Firefox,O:Opera,W3C:W3C标准.
    例子
    <html>
    <head>
    <scripttype="text/javascript">
    functionvalidate()
    {
    varat=document.getElementById("email").value.indexOf("@")
    varage=document.getElementById("age").value
    varfname=document.getElementById("fname").value
    submitOK="true"
    if(fname.length>10)
    {
    alert("名字必须小于10个字符。")
    submitOK="false"
    }
    if(isNaN(age)||age<1||age>100)
    {
    alert("年龄必须是1与100之间的数字。")
    submitOK="false"
    }
    if(at==-1)
    {
    alert("不是有效的电子邮件地址。")
    submitOK="false"
    }
    if(submitOK=="false")
    {
    returnfalse
    }
    }
    </script>
    </head>
    <body>
    <formaction="/example/hdom/hdom_submitpage.html"onsubmit="returnvalidate()">
    名字(最多10个字符):<inputtype="text"id="fname"size="20"><br/>
    年龄(从1到100):<inputtype="text"id="age"size="20"><br/>
    电子邮件:<inputtype="text"id="email"size="20"><br/>
    <br/>
    <inputtype="submit"value="提交">
    </form>
    </body>
    </html>

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h56251.shtml

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2018-08-14 17:37 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。