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语法是完全错误的。第二点是，你检查两次相同元素的值。

抛出错误是什么意思？实际上抛出异常？你这样做：

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

<强>更新

使用jquery验证文本框

1 个答案: