Проверка поля jQuery не работает

Question

Я хочу проверить ввод пользователя, когда пользователь нажал кнопку отправки, но это не сработает.

JQuery

$(document).ready(function() { 
    function validateForm() { 
     if ($('#u').value() == '') 
     { 
     alert("no value found"); 
     return false; 
     } 

    }); 

}); 

HTML

<form name="myForm" action="main.php" onsubmit="return validateForm()" method="post"> 
    <input type="text" id="u" /> 
    <input type="submit" value="submit" /> 
</form> 

Answer 1

Есть много проблем в вашем коде.

• Значение неfunction но attribute удалить вы можете использовать val(), а также вы не можете использовать значение с объекта JQuery вы можете использовать его с объектом DOM.

• Возможно, вы, возможно, забыли присвоить идентификатор своему полю ввода, также назначьте его.

• Оператор <input type="text"> должен b4 <input id="u" type="text">

• У вас есть дополнительные скобки после закрытия currly кронштейна функции validateForm, вы не закрывая входные метки.

Live Demo

if ($('#u').val() == '') 
{ 
    alert("no value found"); 
    return false; 
} 

Вы можете использовать родной Javascript метод getElementById, чтобы получить элемент DOM (объект) и использовать значение свойства этого объекта.

Live Demo

if (document.getElementById('u').value == '') 
{ 
    alert("no value found"); 
    return false; 
} 

Answer 2

Попробуйте

if ($('#u').value() == '') 
{ 
    alert("no value found"); 
    return false; 
} else { 
    $('form[name="myForm"]').submit(); 
} 

Answer 3

Как @Barmar предложил проверить существующий код для отсутствующего идентификатора. Я бы добавил id="u" в <input type="text">, а также будьте осторожны при выборе имен идентификаторов, которые являются неоднозначными, особенно для того, чтобы другие могли прочитать ваш код позже.

Теперь, когда вы изменили первоначальный вопрос, который трудно увидеть, как появляется соответствующей

Answer 4

Кстати, мой ответ, я нашел неловкость в вашем коде. Давайте сосредоточимся на этой линии:

...... 
    if ($('#u').value() == '') 
    { 
    alert("no value found"); 
    return false; 
    } 

}); 

}); 

Там в два });, которые один за $(document) и который один для if() ?? Хотя для if(), не печатайте так, просто } для условного закрытия. А для создания function ... вам не нужно вводить функцию внутри $(document).ready. Он может быть автономным.Например:

function validateForm() { 

    if ($('#u').val() == '') 
    { 
     alert("no value found"); 
     return false; 
    } 

} 

И вы должны изменить .value() для .val()

See this результата. Надеюсь, это поможет