-1

使用 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?
    }
});
4

1 回答 1

0

首先：您的 if 语法完全错误。第二点是，您两次检查同一元素的值。

抛出错误是什么意思？真的抛出异常？你这样做：

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"]')

更新

于 2013-03-21T14:41:30.627 回答