Question

我有这个电子邮件表格，有“发件人”，“主题”和“留言”。

但是我还没有联系它以确保他们写了一些东西，所以如果有人按下“发送”按钮而没有输入任何内容，我会收到一封空白的电子邮件。所以我希望它在文本框为空时中止发送电子邮件，如果它包含任何文本则发送它。

发送按钮的代码：

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

文本框的ID为：textbox_text

Answer 1

您可以使用jquery来验证表单 -

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="" method="post">
  Sender
  <input type="text">
  <br/>Subject
  <input type="text">
  <br/>Message
  <input type="text" id="txtMessage">
  <br/>
  <input type="submit" value="Send" name="btnSend">
</form>
<script type="text/javascript">
  $(document).ready(function() {
    $("input[name=btnSend]").click(function() {
      var msg = $("#txtMessage").val();
      if (msg == "") {
        alert("Please enter the message");
        return false;
      }
    });
  });
</script>

＆＃13;

Answer 2

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

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

看看这个小提琴： http://jsfiddle.net/0t3oovoa/

Answer 3

Java脚本功能

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

<强> HTML

<form name="frm">
  <input type="submit" name="submit" onclick="return IsEmpty();" value="Submit"     class="submit-button" />
</form>

编辑检查if条件

中的textbox2

if(document.forms['frm'].textbox1.value == "" && document.forms['frm'].textbox2.value == "")

Answer 4

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

 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");
  }
})

2.服务器端如果遗憾的是空数据被发送到服务器，那么使用服务器端验证（服务器端验证需要在多个地方做更多的事情，即html，php / python / perl）

Answer 5

你需要在服务器端（使用php）检查它，你也可以在客户端（Javascript）检查它。

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

您也可以在输入元素上添加“必需”。

使用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
}

?>

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

5 个答案: