在提交表单时不调用javascript函数进行html验证。

我有一个表单，它有一个文本区域：

<form id="hello">
  <textarea id="Testarea" required></textarea>
</form>
<button id="myButton" type="submit" value="Submit">Click me!
</button>

但是，如果textarea为空，我希望在不调用我的函数的情况下抛出一个错误。现在，即使textarea为空，也会调用我的函数。

---

在表单上使用

submit

处理程序，而不是

单击按钮上的
处理程序

以下是单击提交按钮时的执行顺序：


按钮的单击处理程序被调用。如果调用
event.preventDefault（）
，进程将停止
将提交该表单，该表单将执行以下步骤：

验证输入字段。如果任何验证失败，该过程将停止
调用表单的提交处理程序。如果调用
event.preventDefault（）
，进程将停止
表单数据被发送到服务器


因此，如果要防止调用函数，必须在“验证输入字段”步骤之后。因此，请将代码更改为：

$("#hello").submit(function () {
    //Throw error if textarea is empty
  alert("Her");
});

在表单上使用
submit
处理程序，而不是
单击按钮上的
处理程序

以下是单击提交按钮时的执行顺序：


按钮的单击处理程序被调用。如果调用
event.preventDefault（）
，进程将停止
将提交该表单，该表单将执行以下步骤：

验证输入字段。如果任何验证失败，该过程将停止
调用表单的提交处理程序。如果调用
event.preventDefault（）
，进程将停止
表单数据被发送到服务器


因此，如果要防止调用函数，必须在“验证输入字段”步骤之后。因此，请将代码更改为：

$("#hello").submit(function () {
    //Throw error if textarea is empty
  alert("Her");
});

您可以尝试以下方法：

$("#myButton").click(function () {
if($('#Testarea').val().trim().length > 0)
{
return true;
}
else
{
alert("empty text box");
return false;
}

});

您可以尝试以下方法：

$("#myButton").click(function () {
if($('#Testarea').val().trim().length > 0)
{
return true;
}
else
{
alert("empty text box");
return false;
}

});


document.getElementById（“myButton”）.addEventListener（“单击”，myFunction）；
var problem_desc=document.getElementById（“Testarea”）；
函数myFunction（）{
如果（问题描述值=“”）{
警报（“空白”）；
返回false；
}
否则{
警惕（“工作”）；
}
}

document.getElementById（“myButton”）.addEventListener（“单击”，myFunction）；
var problem_desc=document.getElementById（“Testarea”）；
函数myFunction（）{
如果（问题描述值=“”）{
警报（“空白”）；
返回false；
}
否则{
警惕（“工作”）；
}
}