突出显示空白文本框

Question

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

我已经创建了jsFiddle作为演示。

有人可以帮忙吗？我希望Process Now单击按钮时所有空白的文本框以红色突出显示 - 并且表单不提交并提醒用户。

如果有任何进一步的问题，尽管问。

Answer 1

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

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

更新的小提琴

话虽如此，最好在您的 JS 中使用添加/删除类。这样，所有样式都可以在 CSS 中完成，您无需深入研究 JS 来修改站点的设计。尝试这个：

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

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

示例小提琴