Проверка текстовых полей с использованием jquery

Question

Использование jQuery, мне нужно проверить мою форму onsubmit(), и если два текстовых поля имеют ненулевое значение, отобразите ошибку ниже них.

HTML:

<input id="actual" type="text" value="#" /> 
<input id="real" type="text" value="#" /> 
<input id="submit" type="submit" value="submit" /> 

JQuery:

$("[value='Submit']").click(function(event) { 
    if (($("#actual").val() != null) && ($("#real").val() != null)) { 
     // What do I do here? 
    } 
}); 

Answer 1

Во-первых: Вы, если синтаксис совершенно неправильно. Второй момент заключается в том, что вы дважды проверяете значение одного и того же элемента.

Что вы хотите сказать, выбросив ошибку? На самом деле выкинуть исключение? Вы делаете это вот так:

if($("#first_textbox").val() != null && $("#second_textbox").val() != null) { 
    throw new Error("Both textboxes are empty.") 
} 

Или вы хотите обернуть класс стиля с ошибкой вокруг текстового поля?

if($("#first_textbox").val() != null) { 
    $("#first_textbox").addClass('error'); 
} 

if($("#second_textbox").val() != null) { 
    $("#second_textbox").addClass('error'); 
} 

Конечно, вы должны объявить класс CSS, который добавляет ошибку, подобную стилю. Вы можете создать стиль, как это:

.error { 
    border-color: #8B1A1A; 
} 

Также, пожалуйста, не добавляйте обработчик нажмите на селектор, который соответствует значению части кнопки ввода.

Вместо $("[value='Submit']") использовать $('input[type="submit"]')

Обновлено