使用js冲突进行表单验证

时间:2015-11-20 06:20:03

标签: javascript jquery

使用java脚本验证表单时,如果用户不输入任何信息并按下回车键,则会显示红色边框下拉列表。但输入此信息后再次显示红色框。请帮我来从这个问题出来。

CibilEnquiryEnq.Id= list.ToArray()

1 个答案:

答案 0 :(得分:2)

在元素上添加和删除类(即has-error)会更简单,因此只需删除类就可以保留早期的设置。简化示例:

CSS:

.has-error {
    border: 1px solid red;
}

JS:

$('#test').click( function() {
    if($('#myinput').val() == "Write Something") {
        $('#myinput').addClass('has-error');
        event.preventDefault();
        return false;
    } else {
        $('#myinput').removeClass('has-error');
    }
});

请参阅此处的简单示例:http://jsfiddle.net/daLdmgub/