обязательное сообщение не оповещение в JavaScript

Как я могу написать что-то сообщение, а не предупреждение, когда вход пуст.

Здесь, в моем коде, это не мешает передать значение, когда оно пустое, но как я могу показать сообщение, подобное обязательному сообщению, которое вам нужно вставить что-то для поиска

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 {

0

Решение

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

Другие решения

под полем ввода добавьте такой интервал

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

в сценарии

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

}

в случае ошибки класса укажите любой требуемый стиль, например, красный цвет и т. д.

1

Если вы не хотите alert() положить <span> в свой HTML и напишите свое сообщение в нем.

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

Используя ваш код:

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

1) Вы можете использовать обязательный атрибут на вашем входе.

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

2) Вы можете обработать ошибку на стороне сервера, вернуть найденные ошибки и создать собственное сообщение со списком ошибок.

3) Вы можете использовать onsubmit в форме, а затем использовать javascript, чтобы проверить все обязательные поля, затем, используя идентификатор, вы можете выделить обязательные поля, которые не были полями.

Я мог бы продолжить. Есть много способов сделать это, если вы не хотите более конкретный способ сделать это?

1
По вопросам рекламы [email protected]