javascript 中需要的消息不是警报

Question

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

在我的代码中，当它为 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 {

Answer 1

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

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

在脚本中

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

}

对于class错误，给出任何需要的样式，如颜色为红色等

Answer 2

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

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

使用您的代码：

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

Answer 3

1) 您可以在输入中使用所需的属性。

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

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

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

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

Answer 4

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

javascript 中需要的消息不是警报

required message not a alert in the javascript

php

required