是否可以在验证表单中使用<a></a>标签

时间:2018-07-07 20:18:32

标签: javascript html forms

我使用HTML创建了一个表单。它具有2个文本字段(名称,注释),单选按钮选择和一个提交按钮。

问题是我没有使用“按钮”标签或“输入”来创建按钮,而是使用了

 <a href="#" id="submit"  onclick="displayContent();setTimeout(closePopup,10000)">SUBMIT</a>

创建按钮(cz我发现使用css和padding而不是按钮更容易),onclick函数可以很好地工作。问题是当我尝试在验证表单时使用它时。验证表单时是否无法使用它?因为它具有type =“ submit”如果可以使用它,请问一个简单的代码,看起来像吗? 。我尝试了一下它没有用的波纹管。

    <html>
    <head>
    <script>
   function validateForm() {
   var x = document.forms["myForm"]["fname"].value;
    if (x == "") {
    alert("Name must be filled out");
    return false;
    }
 }
 </script>
 </head>
<body>

<form name="myForm" action="#"
 onsubmit="return validateForm()" method="post">
Name: <input type="text" name="fname">
 <a href="#" id="submit" type="submit"  
  onclick="displayContent();setTimeout(closePopup,10000)">SUBMIT</a>
 </form>
 </body>
 </html>

请注意,这不是我的表格,它只是W3S上的表格,我只是用来查看它是否正常工作(以前有

我也尝试将“ a”更改为“ input”,但是当我单击按钮时,它在action.php上给了我“文件丢失或已更改错误”

我哪里出问题了?任何解决此问题的帮助都会有很大帮助。

0 个答案:

没有答案