所需的消息不是 javascript 中的警报答案

【问题标题】：required message not a alert in the javascript所需的消息不是 javascript 中的警报
【发布时间】：2015-09-08 10:05:45
【问题描述】：

当输入为空时，我如何写一些消息而不是警报。

在我的代码中，它不会阻止在值为 null 时提交该值，但是我如何显示一条消息，例如您需要插入一些内容以进行搜索的必需消息

if ( $( "#nameSearch" ).val().length === 0 ) {
    // some message that please insert something to search not an alert
    // required data-fv-notempty-message="This is required"
    event.preventDefault();
    } else {

【问题讨论】：

我听不懂你想问什么！！
喜欢需要的东西 data-fv-notempty-message="这是必需的"
显示你的其他javascript代码！

标签： php required

【解决方案1】：

<form method="post" onsubmit="return validate()">
<span class="error" id="name-error"></span>
<input type="text" name="nameSearch" id="nameSearch" >
<input type="submit" name="submit" value="submit" >
</form>

function validate()
{
    if ( $( "#nameSearch" ).val().length === 0 ) {
        $("#name-error").html("This is required");
        return false;
    } else {
        return true;
    }
}

【讨论】：

请在您的回答中至少给出简短的描述或解释，而不仅仅是代码。

【解决方案2】：

在输入字段下方，添加一个像这样的跨度

<span class="error" id="name-error"></span>

在脚本中

if ( $( "#nameSearch" ).val().length === 0 ) {
$("#name-error").html("This is required");
event.preventDefault();
} else {

}

对于类错误，给出任何所需的样式，如红色等。

【讨论】：

【解决方案3】：

如果您不想要 alert()，请在您的 html 中添加 <span> 并在其中写下您的信息。

<span id="msg"></span>

使用您的代码：

if ( $( "#nameSearch" ).val().length === 0 ) {
    $('#msg').html("Please insert something to search");
event.preventDefault();
} else {

【讨论】：

【解决方案4】：

1) 您可以在输入中使用 required 属性。

<input type="text" name="password" value="" required />

2) 您可以处理错误服务器端并返回发现的错误并创建一个列出错误的自定义消息。

3）您可以在表单上使用onsubmit，然后使用javascript检查所有必填字段，然后使用id您可以突出显示尚未填写的必填字段。

我可以继续。有很多方法可以做到这一点，除非您想要更具体的方法？

【讨论】：