zoukankan      html  css  js  c++  java
  • from表单的分向提交

    一:需求:

    思路:document.form.action,表单分向提交,javascript提交表单
    同一个表单可以根据用户的选择,提交给不同的后台处理程序。即,表单的分向提交。如,在编写论坛程序时,如果我们希望实现用户在发送贴子的时候,既发送提交功能又有预览功能时,就会遇到上述问题。即,当用户点击提交按钮时,我们希望表单提交给"提交"处理程序;而当用户点击预览按钮时,我们希望表单提交给"预览"处理程序。那么,如何实现上述功能呢?下面代码可以很好的解决这个问题。

    二:测试表单

    1 <form name="form" method="post">
    2 个人评论:<input name="test"><br>
    3 <input type="button" value="提交" onClick=send()>
    4 <input type="button" value="预览" onClick=preview()>
    5 </form>
    View Code

    三:表单的分向提交的js代码

     1 <script language=javascript>
     2 function send()
     3   {
     4     document.form.action="send.asp"
     5     document.form.submit()
     6    }
     7 function preview()
     8    {
     9      document.form.action="preview.asp"
    10      document.form.submit()
    11    }
    12 </script>
    View Code

    四:注意点

     关于上面实例的两点说明: 
    1、在整个表单中,不应有名字为action或submit的标签,否则将会产生"对象不支持此属性和方法"的错误。如代码 "<input type='xxxx' name='action' >"在表单中是不允许出现的;
    2、在form标签中应该存在name属性。即,应该给表单取一个名字。语句document.form.action和document.form.submit中的"form"也就是表单的名字。
    表单的分向提交不仅仅使用在论坛的程序中,它还可以运用在许多场合下。恰当的运用表单的分向提交功能可以大大的增强网站的人性化程度。
  • 相关阅读:
    查看ASM 使用率
    修改一行和修改全表的TX锁
    OCP-1Z0-053-V12.02-683题
    专栏成书亦可行也!——leo鉴书48
    Java用正则表达式判断是否为IP
    OCP-1Z0-053-V12.02-594题
    OCP-1Z0-053-V12.02-585题
    OCP-1Z0-053-V12.02-569题
    OCP-1Z0-053-V12.02-568题
    OCP-1Z0-053-V13.02-517题
  • 原文地址:https://www.cnblogs.com/shangxiaofei/p/3863097.html
Copyright © 2011-2022 走看看