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 type="submit" name="submit">Submit</button>

然后要提交您的表格，您可以执行以下任一操作：

1. 正如您已经做的那样，使用按钮中的 onclick 来调用 js 函数，例如<button type="submit" name="submit"  onclick="submitData();">Submit</button> 或

2. onsubmit提交表单的标准方法是在元素中使用form并仅使用 javascript 函数进行验证，如下所示：

   [...您的表单字段在这里...]

    <button type="submit" name="submit">Submit</button>

如果您使用，那么如果一切都可以提交，那么onsubmit您的验证函数应该返回，否则表单将阻止提交发生。表格本身将完成剩下的工作！truefalse

 function submitData() {

     // your validation checks here...

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

          return true;    // no errors so return true to the form so it knows its ok to continue.

     }

    // if there were errors, return false so that the form knows not to submit

    return false;

 }

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/>