Question

我有一张表，表格中的某些文本框作为表单的一部分提交：

我创建了jsFiddle作为演示。

有人能帮忙吗？如果单击Process Now按钮以红色突出显示，我希望任何文本框为空 - 并且表单不提交并提醒用户。

如果还有其他问题，请询问。

Answer 1

您的代码有效，问题是您没有将id添加到按钮中：

<input type="SUBMIT" name="ProcessNow" id="ProcessNow" value="Process Now" style="width:100px;height:30px">

Updated fiddle

话虽如此，在JS中使用add / remove类会更好。这样，所有样式都可以在CSS中完成，并且您不需要通过JS来修改网站的设计。试试这个：

$('input[type="text"]').each(function () {
    if ($.trim($(this).val()) == '') {
        isValid = false;
        $(this).addClass('empty');
    } else {
        $(this).removeClass('empty');
    }
});

.empty {
    border: 1px solid red;
}

Example fiddle

突出显示空白文本框

1 个答案: