`

javascript表单提交

阅读更多
  • 总结下这么几种的方法:   
  • 1,通过type=submit 或者图片的submti来提交(图片的这种方法很不错)   
  • 2,通过在imput里面加onclick来写个方法来做提交前的验证.type可以是button.,反正多个浏览器  
  •    做的时候,试验一下.   
  • 3,还有可以通过在form里面加onsubmit来验证.   
  • 4,通过在javascript的方法里头,用submit()方法来提交   
  •   具体得到这个form的方法有:   
  • oForm = document.getElementById("form1");   
  • oForm = document.forms("form1");   
  • oForm = document.forms[0];   
  • //通过上面的几种可以得到form   
  • oForm.submit(); 
  • xml 代码
    1. <%@ page language="java" import="java.util.*" pageEncoding="gbk"%>  
    2. <html>  
    3. <script type="text/javascript">  
    4.     function dosubmit() {   
    5.         alert("heihei");   
    6.     }   
    7. script>  
    8. <head>javascript测试head>  
    9. <body>  
    10.        
    11. <hr>  
    12.     <form action="print.jsp" method="post">  
    13.          <input type="text" name="hello"/>  
    14.          <input type="submit" name="sub" value="提交" onclick="dosubmit()"/>  
    15.          <!---->  
    16.     form>  
    17. body>  
    18. html>  

    可以在函数里面做出验证.

    这个要用onclick 来触发事件,onchange,试了下不行其他不行.

    这里是用按钮.这里type用了submit

    xml 代码
    1. <%@ page language="java" import="java.util.*" pageEncoding="gbk"%>  
    2. <html>  
    3. <script type="text/javascript">  
    4.     function dosubmit() {   
    5.         document.forms[0].submit();   
    6.         alert("^_^提交成功!");   
    7.     }   
    8. script>  
    9. <head>javascript测试head>  
    10. <body>  
    11.        
    12. <hr>  
    13.     <form action="print.jsp" method="post">  
    14.          <input type="text" name="hello"/>  
    15.          <input type="button" name="sub" value="提交" onclick="dosubmit()"/>  
    16.          <!---->  
    17.     form>  
    18. body>  
    19. html>  

     这里type用button,用document.forms[0].submit()来提交.

    xml 代码
    1. <%@ page language="java" import="java.util.*" pageEncoding="gbk"%>  
    2. <html>  
    3. <script type="text/javascript">  
    4.     function dosubmit() {   
    5.         //document.forms[0].submit();   
    6.         alert("1111提交成功!");   
    7.     }   
    8. script>  
    9. <head>javascript测试head>  
    10. <body>  
    11.        
    12. <hr>  
    13.     <form action="print.jsp" method="post">  
    14.          <input type="text" name="hello"/>  z
    15.          <input type="image"  src="submit.bmp" name="sub" onclick="dosubmit()"/>  
    16.          <!---->  
    17.     form>  
    18. body>  
    19. html>  
    分享到:
    评论
    1 楼 wenjinglian 2010-03-18  
    哇,2007年的文章了,前辈...
    第一例中:
    <form action="print.jsp" method="post">  
             <input type="text" name="hello"/>  
             <input type="submit" name="sub" value="提交" onclick="dosubmit()"/>  
    </form>


    此处有无调用onclick点击按钮都会提交.

    相关推荐

    Global site tag (gtag.js) - Google Analytics