在空输入字段上停止表单提交

Stop form submission on empty input field

本文关键字：表单提交 字段 输入      更新时间：2023-09-26

我希望当表单的输入字段为空时，它会向我显示警报并停止表单提交。现在，我的代码的问题是，它只显示警报，但不会停止表单提交。这里是我的html输入字段和脚本：

function required() {
  var empt = document.forms["me_validate"]["insert_vender_emails"].value;
  if (empt == "") {
    alert("Please fill out the vendor email field");
  }
}
<form enctype="multipart/form-data" id="validate-me" method="post" class="form-horizontal" action="phpcode_class.php" role="form" name="me_validate" onsubmit="return required()">
  <textarea type="text" id="tags" name="insert_vender_emails" class="form-control" placeholder="">
    <?php if($n_vendors!='' ) { echo $n_vendors; } else { echo $rfq[ 'vender_emails']; } ?>
  </textarea>
</form>

我真的陷入了困境。请帮我摆脱这个。。。提前感谢

试试这个，

        <script>
          function required()  
          {  
            var empt = document.forms["me_validate"]  ["insert_vender_emails"].value;  
            if (empt == "")  
            {  
              alert("Please fill out the vendor email field");  
               return false;
               }  
           }  
        </script>

请将return设为false；警报消息之后。请检查以下代码。

<script>
    function required()  
    {  
        var empt = document.forms["me_validate"]["insert_vender_emails"].value;  
        if (empt == "")  
        {  
            alert("Please fill out the vendor email field");  
            return false;
        }  
    }  
</script>

当您提交表单时，它将再次重新加载所有页面。

使用return false来克服这种情况。

<script>
 function required()  
 {  
   var empt = document.forms["me_validate"]["insert_vender_emails"].value;  
   if (empt == "")  
   {  
      alert("Please fill out the vendor email field");
      return false;
   }  
 } 
</script>

可能是您没有正确选择元素，

function required()  
{  
 var empt = document.getElementById("tags").value;  
 if (empt == "")
 {  
    alert("Please fill out the vendor email field");
    return false;
 }  
}

在弹出警报消息后，尝试向表单返回一些内容。

 <script>
     function required()  
      {  
        var empt = document.forms["me_validate"]["insert_vender_emails"].value;  
        if (empt == "")  
         {  
           alert("Please fill out the vendor email field");  
            return false;
         }  
          return (true);
      }  
 </script>

调用required functiononsubmit()，如果textarea为空则返回false

<form enctype="multipart/form-data" id="validate-me" method="post" class="form-horizontal" action="phpcode_class.php" role="form"  name="me_validate" onsubmit="return required()">
    <textarea type="text" id="tags" name="insert_vender_emails" class="form-control" placeholder="" ><?php if($n_vendors!='') { echo $n_vendors; } else { echo $rfq['vender_emails']; } ?></textarea>
    <input type="submit" value="submit" name="submit" onsubmit="required()">
    </form>
    <script>
    function required()  
    {  
    var empt = document.forms["me_validate"]["insert_vender_emails"].value;  
    if (empt == "")  
    {  
    alert("Please fill out the vendor email field");  
    return false;
    }
    }  
    </script>

使用新的HTML5 required属性

<textarea type="text" id="tags" name="insert_vender_emails" class="form-control" placeholder="" required></textarea>

http://www.w3schools.com/tags/att_input_required.asp

请记住，使用这种方式，您无法验证输入数据。验证仅存在于应用程序的服务器端。也可以看看这篇文章

您可以使用HTML5"必需"验证作为：

<textarea type="text" id="tags" name="insert_vender_emails" class="form-control" placeholder="" required>
       <?php if($n_vendors!='' ) { echo $n_vendors; } else { echo $rfq[ 'vender_emails']; } ?>
   </textarea>

或

只需在您所需的功能中的警报消息后写上"return false；"，如：

   function required() {

 var empt = document.forms["me_validate"]["insert_vender_emails"].value;

if (empt == "") {
alert("Please fill out the vendor email field");
return false;

}
}

<html><head>
    <script type="text/javascript">
        function submit_form() {
            if (conditions) {
                document.forms['myform'].submit();
            }
            else {
               alert("Validation Failed;");
            }
        }
    </script>
</head><body>
    …
    <input type="button" name="submit" value="submit" onclick="submit_form();"/>
</body></html>
相关文章：