Question

我隐藏了一个div标签，我使用JavaScript在表单提交时在屏幕上显示div标签，问题是div标签出现但很快消失了，我不知道发生了什么，我需要它停止消失，一旦表单提交div标签应保持在页面上可见，div标签只包含带有一些文本的ap标签，我已经尝试onClick按钮但我得到相同的结果。

<html>
<body>
        <form onSubmit="validateRadio()">

   <div  style="display: none" id="validationText"  >
        <p style="border: 1px solid black;">
        "This field is mandatory".
        </p>
    </div>

    <div>
<input type="submit">
    </div>
        </form>
    </body>

       <script type="text/javascript">
   function validateRadio(){
    validationText.style.display="block";
   }
  </script>
  </html>

Answer 1

您的页面可能会刷新（如果未提供，则操作参数默认为当前网址），这会导致DIV重新出现＆＃34;。如果您想阻止表单提交，请使用onSubmit，但请确保在您的方法中return false。

function validateRadio(){
    validationText.style.display="block";

    // returning false will prevent the form submission
    return false;
}

Answer 2

您没有采取任何措施阻止表单实际提交。更改函数以返回false：

function validateRadio() {
    validationText.style.display = "block";
    return false;
}

以及<form onSubmit="return validateRadio()">的处理程序

<强> jsFiddle example

Answer 3

是.. 提交表单时，会加载新页面（或重新加载相同的页面）

如果你会看到你的validationText，那么你确实提交了页面，例如转换你的

     <form onSubmit="return validateRadio()">

和

 function validateRadio(){
    validationText.style.display="block";
    return false
 }

JavaScript代码一直在失败

3 个答案: