PHP 表单未出现

Question

当我设置按钮类型以提交时，我似乎无法显示表单，但当按钮是按钮时，我无法取出表单。我必须使代码与按钮类型按钮一起使用。

        <script type ="text/javascript">

            function submitData() {

                var input = document.getElementById('objectname').value;

                document.getElementById("nameerror").innerHTML = "";

                if (input === "") {

                    document.getElementById("nameerror").innerHTML = "<span style='color:red'> You need to enter the object field</span>";

                }

                var option1 = document.getElementById('metal');

                var option2 = document.getElementById('wood');

                var option3 = document.getElementById('liquid');

                var option4 = document.getElementById('plant');

                var option5 = document.getElementById('animal');

                var option6 = document.getElementById('human');

                var option7 = document.getElementById('others');

                document.getElementById("optionerror").innerHTML = "";

                if (option1.checked === false && option2.checked === false && option3.checked === false && option4.checked === false

                        && option5.checked === false && option6.checked === false && option7.checked === false) {

                    document.getElementById("optionerror").innerHTML = "<span style='color:red'> You need to select an object type</span>";

                }

                if (!(input === "") && (!(option1.checked === false) || !(option2.checked === false))) {

                    document.getElementById('myform').submit();

                }

            }

        </script>

    </head>

我必须将数据传输到 server.php。当我设置要提交的按钮类型时，我可以显示此表单。但是当我将按钮类型设置为按钮时，我无法让它出现。

Answer 1

首先，要将输入更改为按钮，请使用以下命令（注意： 元素<button>而不是<input>）：<button&nbsp;type="submit"&nbsp;name="submit">Submit</button>然后要提交您的表格，您可以执行以下任一操作：正如您已经做的那样，使用按钮中的 onclick 来调用 js 函数，例如<button type="submit" name="submit" &nbsp;onclick="submitData();">Submit</button>&nbsp;或onsubmit提交表单的标准方法是在元素中使用form并仅使用 javascript 函数进行验证，如下所示：[...您的表单字段在这里...]&nbsp;<button&nbsp;type="submit"&nbsp;name="submit">Submit</button>如果您使用，那么如果一切都可以提交，那么onsubmit您的验证函数应该返回，否则表单将阻止提交发生。表格本身将完成剩下的工作！truefalse&nbsp;function submitData() {&nbsp; &nbsp; &nbsp;// your validation checks here...&nbsp; &nbsp; &nbsp;if (!(input === "") && (!(option1.checked === false) || !(option2.checked === false))) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return true;&nbsp; &nbsp; // no errors so return true to the form so it knows its ok to continue.&nbsp; &nbsp; &nbsp;}&nbsp; &nbsp; // if there were errors, return false so that the form knows not to submit&nbsp; &nbsp; return false;&nbsp;}

Answer 2

还有其他方法可以解决此问题，但这里有一个：您可以将按钮类型保留为“提交”，但附加 CSS：CSS（只是一个例子......你可以使用任何其他CSS）：.button{ padding:9px; font-size: 16px; background:#00912a; border:1px solid #037223; color:#fff !important;}.button:hover{ background:#fff; border:1px solid #037223; color:#037223 !important;}代码：<input type="submit" class="button" value="Submit" name="submit" onclick="submitData();" ><br/>&nbsp;