JS控制表单提交的方法

这篇文章主要介绍了JS控制表单提交的方法,可实现基于javascript提交表单信息的功能,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JS控制表单提交的方法。分享给大家供大家参考。具体如下：

1. <Script Language="JavaScript"> 
2. function autoSubmit(){ 
3. var form = document.forms[0]; 
4. var actionPath = "?mo=phone"; 
5. form.action = actionPath; 
6. form.submit(); 
7. return true; 
8. } 
9. </Script> 

如果需要两个提交按钮，type=""的属性值一个高为"submit"一个为"button",也就是一个用按钮本身提交，一个用JS控制提交

1. <form method="post" name="form1" id="form1" action="?mo=phone&do=opreat" > 
2. <input type="hidden" value="" name="phoneid" id="phoneid"> 
3. <table border="0px" style="font-size:12px" width="630px" > 
4. <tr> 
5. <td align="right">手机型号:</td> 
6. <td><input type="text" id="phonetype" name="phonetype" style="width:120px" <?# if $pinfo.pass_var.phonetype ?>value="<?# $pinfo.pass_var.phonetype ?>" <?# /if ?> /></td> 
7. <td><div id="phonetypeTip" style="width:250px"></div></td> 
8. </tr> 
9. <tr> 
10. <td align="right">类型:</td> 
11. <td><select name="type" id="type"> 
12. <?# foreach from=$types item=value ?> 
13. <option value="<?# $value.type ?>" 
14. <?# if $pinfo.pass_var.type== $value.type ?>selected="selected"<?# /if ?>><?# $value.type ?> 
15. </option> 
16. <?# /foreach ?> 
17. </select></td> 
18. <td><div id="typeTip" style="width:250px"></div></td> 
19. </tr> 
20. <tr> 
21. <td align="right">厂商:</td> 
22. <td><select name="brandid" id="brandid"> 
23. <?# foreach from=$brand item=value ?><option value="<?# $value.brandid ?>" <?# if $pinfo.pass_var.brandid== $value.brandid ?>selected="selected"<?# /if ?> ><?# $value.name_zh ?></option><?# /foreach ?> 
24. </select></td> 
25. <td><div id="brandidTip" style="width:250px"></div></td> 
26. </tr> 
27. </table> 
28. <input type="submit" value="增加手机" > 
29. <input type="button" onclick="autoSubmit();" value="搜索手机" > 
30. </form> 

希望本文所述对大家的javascript程序设计有所帮助。