我正在尝试在 jQuery 中进行表单验证,但它没有按照我的方式工作。如果我聚焦时输入区域为空,我希望输入的边框变为红色。
或
我想添加名为“has-danger”的 Bootstrap 类,如果输入区域为空,它会将边框和背景变成红色。
代码如下:
<fieldset class="form-group"> <br>
<label for="name">Name</label> <br><br>
<input type="name" class="form-control" id="name"> <br>
</fieldset>
jQuery 代码 1:
$("#name").blur(function() {
if((this).val() == "" ) {
$(this).addClass("has-danger");
}
});
jQuery 代码 2:
$("#name").blur(function() {
if((this).val() == "" ) {
$(this).css("border", "solid 1px red");
}
最佳答案
您在 if
语句中的 (this)
之前缺少 $
注意:我添加了一个 else
,当字段被填充时 border
被移除
$("#name").blur(function() {
if ($(this).val() == "") {
$(this).css("border", "solid 1px red");
} else {
$(this).css("border", "");
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<fieldset class="form-group">
<label for="name">Name</label>
<input type="name" class="form-control" id="name">
</fieldset>
关于javascript - 表单验证在 jQuery 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38282775/