Javascript 提交返回验证时提示的消息，但表单仍提交

我有一些与此类似的问题 我遵循了解决方案，但如果我将其更改为onclick，它将不起作用，甚至没有消息提示

我正在使用的脚本

<script>
function validate()
{
  var validate = false;
  if(document.getElementById("nameId").value == "")
  {  
    alert("NAME IS REQUIRED");
    validate   = false
  }

return true ;
}

</script>

函数验证（）
{
var=false；
if（document.getElementById（“nameId”）.value==“”）
{  
警报（“需要名称”）；
验证=错误
}
返回true；
}

我的代码附在下面

<table class="<?php echo $table_style_3;?>" style='width: auto;'>
<form action="fhd_add_type.php" method="post" class="form-horizontal"   onsubmit="return validate()"> //This is the part where i've changed to onclick
<input type='hidden' name='nacl' value='<?php echo $nacl;?>'>
<input type='hidden' name='type' value='<?php echo $type;?>'>
<?php
if ($type <> 0) { ?>
    <tr><td>Name: </td><td><input type='text' name='type_name' id = "nameId"></td></tr> //This is the field where need to be validate
    <tr><td colspan='2'><input type='submit' value='add' class='btn btn-primary'></td></tr>
    </table>
<?php  }
if ($type == 0) { ?>
    <tr><td>Name</td><td><input type='text' name='type_name' id = "nameId"></td></tr> //This is the field where need to be validate
    <tr><td>Email</td><td><input type='text' name='type_email'></td></tr>
    <tr><td>Location</td><td><input type='text' name='type_location'></td></tr>
    <tr><td>Phone</td><td><input type='text' name='type_phone'></td></tr>
    <tr><td colspan='2'><input type='submit' value='add' class='btn btn-primary'></td></tr>
    </table>
<?php }?>
</form>
</table>

”>
Name://这是需要验证的字段
Name//这是需要验证的字段
电子邮件
位置
电话

我认为这是因为您总是返回

true

。在JS中，尝试以下方法：

<script>
function validate()
{
  var validate = true;
  if(document.getElementById("nameId").value == "") {  
       alert("NAME IS REQUIRED");
       validate = false;
    }

    return validate;
}
</script>

函数验证（）
{
var=true；
if（document.getElementById（“nameId”）.value==“”）{
警报（“需要名称”）；
验证=假；
}
返回验证；
}

我认为这是因为您总是返回

true

。在JS中，尝试以下方法：

<script>
function validate()
{
  var validate = true;
  if(document.getElementById("nameId").value == "") {  
       alert("NAME IS REQUIRED");
       validate = false;
    }

    return validate;
}
</script>

函数验证（）
{
var=true；
if（document.getElementById（“nameId”）.value==“”）{
警报（“需要名称”）；
验证=假；
}
返回验证；
}

您总是从

Validate（）

返回true。它应该更像以下内容：

<script>
function validate()
{
  var valid = true;
  if(document.getElementById("nameId").value == "")
  {  
    alert("NAME IS REQUIRED");
    valid = false;
  }

  return valid;
}

</script>

函数验证（）
{
var valid=true；
if（document.getElementById（“nameId”）.value==“”）
{  
警报（“需要名称”）；
有效=错误；
}
返回有效；
}

您总是从

Validate（）

返回true。它应该更像以下内容：

<script>
function validate()
{
  var valid = true;
  if(document.getElementById("nameId").value == "")
  {  
    alert("NAME IS REQUIRED");
    valid = false;
  }

  return valid;
}

</script>

函数验证（）
{
var valid=true；
if（document.getElementById（“nameId”）.value==“”）
{  
警报（“需要名称”）；
有效=错误；
}
返回有效；
}

解决了您的问题

<script>
function validate()
{
  var validate = false;
  if(document.getElementById("nameId").value == "")
{  
   alert("NAME IS REQUIRED");
   return false;
   //validate   = false
}

return true ;
}

</script>

函数验证（）
{
var=false；
if（document.getElementById（“nameId”）.value==“”）
{  
警报（“需要名称”）；
返回false；
//验证=错误
}
返回true；
}

**使用此脚本更新脚本

---

**解决了您的问题

<script>
function validate()
{
  var validate = false;
  if(document.getElementById("nameId").value == "")
{  
   alert("NAME IS REQUIRED");
   return false;
   //validate   = false
}

return true ;
}

</script>

函数验证（）
{
var=false；
if（document.getElementById（“nameId”）.value==“”）
{  
警报（“需要名称”）；
返回false；
//验证=错误
}
返回true；
}

**使用此脚本更新脚本

---

**

用这个函数更新你的脚本，它工作得很好。函数validate（）{var validate=false；if（document.getElementById（“nameId”）.value==“”）{alert（“NAME是必需的”）；return false；//validate=false}return true；}hi@Clonkex我也对你的帖子投了赞成票，别担心。哈哈，它可以用来更新你的脚本，这是一个很好的函数validate（）{var validate=false；if（document.getElementById（“nameId”）.value==“”）{alert（“NAME是必需的”）；return false；//validate=false}return true；}hi@Clonkex我也对你的帖子投了赞成票，别担心。哈哈，它可以用这个来更新你的脚本它可以用这个很好的函数validate（）{var validate=true；if（document.getElementById（“nameId”）.value==“”）{alert（“NAME是必需的”）；validate=false；}return validate；}用这个函数更新你的脚本它可以用这个很好的函数validate（）{var validate=true；if（document.getElementById（“nameId”）.value==“”）{alert（“需要名称”）；validate=false；}返回validate；}