Javascript 检查textbox是否包含文本，如果包含，则发送

我有这个电子邮件表格，上面有“发件人”、“主题”和“消息”

但是我没有链接它以确保他们写了什么，所以如果有人在没有键入任何内容的情况下按下“发送”按钮，我会收到一封空白电子邮件。因此，如果文本框为空，我希望它中止电子邮件发送，如果它包含任何文本，则发送它

发送按钮的代码：

<input type="submit" name="submit" value="Submit" class="submit-button" />

---

文本框的ID是：

textbox\u text

我不知道这是您的确切答案，但它将帮助您验证：

$('#checkSubmit').click(function(){
     var chec=$("#textContent").val();
    if(chec=="")
        alert("Please add your content");
    else
        alert("successfully submitted");
});

看看这把小提琴：

---

Java脚本函数

<script type="text/javascript">
function IsEmpty()
{
 if(document.forms['frm'].textbox_text.value == "")
    {
      alert('Message body is empty');
      return false;
    }
      return true;
}
</script>

---

您可以通过两种方式实现：
1.客户端（我建议）使用表单验证来验证表单数据，如果表单数据为空，请告诉他们填写表单数据。您选择了“提交”按钮来触发不建议的验证，而是在表单提交或输入元素更改时触发验证（用于实时验证）。下面是使用“提交”按钮上的单击事件进行验证的示例。

---

2.服务器端如果不幸地将空数据发送到服务器，则使用服务器端验证（服务器端验证需要在多个位置执行更多的操作，例如html、php/python/perl）

您可以使用jquery像这样验证表单-

发件人

主题

消息


$（文档）.ready（函数（）{
$（“输入[name=btnSend]”。单击（函数（）{
var msg=$（“#txtMessage”）.val（）；
如果（msg==“”）{
警报（“请输入消息”）；
返回false；
}
});
});

您需要在服务器端（使用php）进行检查，也可以在客户端（Javascript）进行检查

如果您希望用户获得快速响应，那么客户端测试是很好的，但是您仍然需要在服务器端进行检查，因为您网站上的javascript总是可以由用户更改的

您还可以在输入元素上添加“required”

对于使用php的服务器端检查：

<?php
//Check if variables exist
if(isset($_POST['sender']) && isset($_POST['subject']) && isset($_POST['message'])){
    //Check if sender value is empty
    if(empty($_POST['sender'])){
      //If empty, go back to form.Display error with $_GET['error'] in your form page
      header('location: backToFormPage.php?error=send');
    }
    //...
}
//Variables doesn't exist
else{
//Redirect to page or other action
}

?>

---

在服务器端执行此操作。您可以在客户端执行此操作，但由于客户端可以修改客户端，因此您在客户端执行的所有操作都可以绕过。不要在表单元素上使用名称
submit
。您面临的问题是什么？访问文本框？或者在形成检查其是否为空的条件时？或者可以启动提交活动？尝试一些东西，然后发布您的问题。这是每个人都可以通过进行少量谷歌搜索来完成的非常基本的事情。即使您在客户端进行检查，您也必须在服务器上进行健全性检查。为什么不只添加属性
required
？您缺少
返回false；
/
返回true
。您的代码允许提交表单。谢谢！但是如何检查textbox1和textbox2是否都为空？@xc123e1您可以在if中检查多个条件stament@CharanGhate-所以我可以做：if（document.getElementById（'textbox21'）。value==“”&document.getElementById（'textbox2'）。value==“”）
if(document.forms['frm'].textbox1.value == "" && document.forms['frm'].textbox2.value == "")

 var validateTextBox = function(textBox) {
     var val = textBox.value;
     if(val=="") {   // Check for empty textbox
         return false;
     }
     return true;
 }
 documnet.querySelector('#SubmitButton').onclick(function () {
  var textbox = document.querySelector("#SubjectORMessage").value;
  if(validateTextBox(textbox)){
    // Do something to let page know that form is valid
  } else {
    // Let the user know that he has done something wrong
    alert("Please fill the content");
  }
})

<?php
//Check if variables exist
if(isset($_POST['sender']) && isset($_POST['subject']) && isset($_POST['message'])){
    //Check if sender value is empty
    if(empty($_POST['sender'])){
      //If empty, go back to form.Display error with $_GET['error'] in your form page
      header('location: backToFormPage.php?error=send');
    }
    //...
}
//Variables doesn't exist
else{
//Redirect to page or other action
}

?>