对于表单,我不用submit控件,我想用按钮button控件,如何实现提交呢?
我的代码如下,我知道用submit控件可以实现提交表单,但是我还是想用按钮button实现,我如何改代码呢?<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>表单测试</title>
    <script type="text/javascript">
        function readysubmit() {
            if (confirm("您真的要提交吗?")) {
                return true;
            }
            else {
                return false;
            }
        }
    </script>
    
</head>
<body>
<form method ="get" action="zgh2.htm" >
<fieldset><legend>图书信息</legend>
<p>
<p>请输入书目名称:
<input type=text name="bookname" size=50>
<p>
<b>选择书目类别:</b><br>
<input type=checkbox name="booktype" value="abc古典" > 古典用品<br>
<input type=checkbox name="booktype" value="现代" > 现代作品<br>
<input type=checkbox name="booktype" value="技术" checked> 技术作品<br>
<b>请选择出版国家:</b><br>
<select muliple name="country" size=4>
    <option selected value="中国">中国
    <option selected value="美国">美国
    <option selected value="英国">英国
    <option selected value="德国">德国    
</select>
<p>
</fieldset>
<p>
<input type="button" value="确定" onclick="return(readysubmit());">
<input type="reset" value="重置">
</form>
</body>
</html>
这是书上的示例,书上是用submit控件,所以可以实现提交,我想改用button,但是无法提交。我不知如何改代码。
另外,
onclick="return(readysubmit());
为何必须加上 return 呢?不加就不行,为什么?

解决方案 »

  1.   

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>表单测试</title>
        <script type="text/javascript">
            function readysubmit() {
                if (confirm("您真的要提交吗?")) {
                    document.getElementById("formid").submit();
                }
                else {
                    return false;
                }
            }
        </script>
        
    </head>
    <body>
    <form id="formid" method ="get" action="zgh2.htm" >
    <fieldset><legend>图书信息</legend>
    <p>
    <p>请输入书目名称:
    <input type=text name="bookname" size=50>
    <p>
    <b>选择书目类别:</b><br>
    <input type=checkbox name="booktype" value="abc古典" > 古典用品<br>
    <input type=checkbox name="booktype" value="现代" > 现代作品<br>
    <input type=checkbox name="booktype" value="技术" checked> 技术作品<br>
    <b>请选择出版国家:</b><br>
    <select muliple name="country" size=4>
        <option selected value="中国">中国
        <option selected value="美国">美国
        <option selected value="英国">英国
        <option selected value="德国">德国    
    </select>
    <p>
    </fieldset>
    <p>
    <input type="button" value="确定" onclick="return readysubmit();">
    <input type="reset" value="重置">
    </form>
    </body>
    </html>return是为了返回方法的返回值.如果返回值为FALSE就等于点击无效.
    这在SUBMIT按钮中,判断有效性后是必要的.但现在用BUTTON就可以去掉了.
    不过我懒得改掉了...
      

  2.   


    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>表单测试</title>
        <script type="text/javascript">
            function readysubmit() {
                if (confirm("您真的要提交吗?")) {
                    document.forms[0].submit();
                    return true;
                }
                else {
                    return false;
                }
            }
        </script>
        
    </head>
    <body>
    <form method ="get" action="zgh2.htm" >
    <fieldset><legend>图书信息</legend>
    <p>
    <p>请输入书目名称:
    <input type=text name="bookname" size=50>
    <p>
    <b>选择书目类别:</b><br>
    <input type=checkbox name="booktype" value="abc古典" > 古典用品<br>
    <input type=checkbox name="booktype" value="现代" > 现代作品<br>
    <input type=checkbox name="booktype" value="技术" checked> 技术作品<br>
    <b>请选择出版国家:</b><br>
    <select muliple name="country" size=4>
        <option selected value="中国">中国
        <option selected value="美国">美国
        <option selected value="英国">英国
        <option selected value="德国">德国    
    </select>
    <p>
    </fieldset>
    <p>
    <input type="button" value="确定" onclick="return(readysubmit());">
    <input type="reset" value="重置">
    </form>
    </body>
    </html>
      

  3.   

    最简单的做法:
    1、给你的这个form添加一个name。比如name="form1"2、修改成如下代码即可:
    <input type="button" value="确定" onClick="javascript:if(confirm('您真的要提交吗?')) form1.submit();">
      

  4.   

    if(confirm("您真的要提交吗?"))
    {
    document.form1.submit();
    return true;
    }