php - 如果表单没有有效值则显示一个 alert() 对话框

Question

我有一个简单的表单，它接受来自文本框和文本区域的标题和内容变量。该表单会将其数据发送到名为 add-post.php 的文件中。但是，我正在寻找一种方法来提醒用户文本框或文本区域具有无效数据(为空)，以防他们单击提交按钮。

我在想 alert() 弹出框会是最好的主意，因为它不会重定向到任何其他页面，而且用户永远不会丢失他们的数据(假设他们输入了一大堆文本但忘记了标题。将数据发送到 add-post.php 并在那里执行检查将导致用户丢失数据)。

但是，我不确定如何实际实现 alert() 弹出窗口。我将如何做到这一点，以便在他们单击提交按钮之后但在将数据发送到下一个文件之前完成检查。任何建议表示赞赏。

Answer 1

在你的表单上添加这样的东西

<form name="frm1" onsubmit="InputChecker()">

然后在 javascript 中

<script type="text/javascript">
function InputChecker()
{
    if(document.getElementById({formElement}) != '')  { // not empty
        alert("This element needs data"); // Pop an alert
        return false; // Prevent form from submitting
    }
}
</script>

也正如其他人所说jQuery让这更容易一点。我强烈推荐 jQuery Validate Plugin

有些人确实觉得警告框“烦人”，因此最好在 DOM 中附加一条消息，让用户知道需要修复什么。如果存在大量错误，这将很有用，因为错误将更加持久，允许用户查看他们需要修复的所有内容。同样，jQuery Validate 插件内置了此功能。