Question

对不起。让我重新说一下：

如果输入字段为空，我希望js更改为输入字段的类;这是我检测空字段的代码：

function validateForm()
{
    var ctrl = document.forms["form1"]["username"];
    var x=ctrl.value;
    if (x==null || x=="") {
////////////CHANGE INPUT CLASS/////////////   
    }
    else {
    document.getElementById('username').style.backgroundColor="#FFFFFF";      
    }
}

我必须要css课程：

.inputfield {
background-color:white;
}

.inputfieldempty {
background-color:red;
}

Answer 1

查看this tutorial优秀的 jQuery验证插件，该插件可以完全满足您的需求，甚至不必担心跨浏览器问题。

如果您不想使用该插件，我仍然建议至少使用jQuery。 Here's another tutorial完成所有必要步骤。

Answer 2

要阻止提交，您需要为表单的onsubmit事件调用一个函数（例如onsubmit="return checkFields()"。在函数中，您将执行验证并返回true或false，具体取决于此。如果函数将返回false然后表格将不会发布。

作为验证的一部分，当您确定字段的值为空时，您也可以执行所需的css更改。我不知道你是否使用vanilla javascript或jQuery这样的库来提供更具体的细节。

Answer 3

这篇文章应该注意添加你的CSS类：Change an element's class with JavaScript

这篇文章应该注意阻止表单提交：https://developer.mozilla.org/en/DOM/event.preventDefault

更改输入字段的类

3 个答案: