当前位置: 首页 > 工具软件 > funclib.js > 使用案例 >

javascript表单提交

能可人
2023-12-01
总结下这么几种的方法:    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>  
 类似资料: