Question

我有一个包含大约10个输入的HTML页面。

有两种形式，一种在第二种形式内。我想在发送大表之前首先检查小表单，但是当我检查提交按钮时，它会刷新所有输入的页面。

除了我感兴趣的人之外，我如何区分所有输入？

    <html>
    <body>
    <form id="big" name="big">
    <input type="text" name="input1" value= "" />
    <input type="text" name="input2" value= "" />
    <input type="text" name="input3" value= "" />
    <input type="text" name="input4" value= "" />


     <form id="small" name="small"><input type="text" name="sendonlythisinput" value="" />
     <inputtype="submit" value="Send only this" />
     </form>

    <buton type="submit" value="SEND ALL!" />
    </form>

    </body>
    </html>

Answer 1

您可以为按钮创建自定义功能：

   <button type="button"   onclick="submit_custom();">submit</button>   



<script type="text/javascript" charset="UTF-8">
    function submit_custom(){

//do things here
and then send data via ajax or something 

    } 
</script>

Answer 2

您在html中的另一个<form>内使用了一个表单。您可以像下面那样拆分并使用，

Form1中：

    <form id="big" name="big">
    <input type="text" name="input1" value= "" />
    <input type="text" name="input2" value= "" />
    <input type="text" name="input3" value= "" />
    <input type="text" name="input4" value= "" />    

    <input type="submit" value="SEND ALL!" />
    </form>

表格2：

     <form id="small" name="small"><input type="text" name="sendonlythisinput" value="" />
     <input type="submit" value="Send only this" />
     </form>

只发送一个$ _GET输入值而不是全部

2 个答案: