jQuery_如何用js或jQuery实现input失焦后，为空则为红色边框，不为空则为绿色边框？

最新推荐文章于 2024-03-01 10:56:38 发布

转载最新推荐文章于 2024-03-01 10:56:38 发布 · 1.1k 阅读

文章标签：

#html5 #jquery

框架同时被 2 个专栏收录

14 篇文章

订阅专栏

jQuery

4 篇文章

订阅专栏

本文提供了几种使用JavaScript和jQuery实现输入框失去焦点时，根据输入内容改变边框颜色的方法。具体方案包括直接修改样式及利用jQuery简化操作。

本人比较笨我需要完整版的包括html 谢谢了

解决方案

name_textbox .blur(function(){
    if(!name_textbox .val() || name_textbox.val() == '')
                name_textbox.css("border","1px solid orange");
});

解决方案二：


<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js"></script>
<input type="text" id="input" />
<script>
    $('#input').blur(function () {
        this.style.borderColor = this.value == '' ? 'red' : 'green';
    })
</script>

解决方案三：

你都没有进行判断，直接就设置成红色？
if(!name_textbox .text() || name_textbox.text() == '')
name_textbox.css("border","1px solid orange");

解决方案四：

$(function(){ $("#input").blur(function(event) { var length=$(this).val().length; if (length>0) { $(this).css('border', '1px solid #04ae00'); }else{ $(this).css('border', '1px solid #ffa200'); }; }); })