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

本人比较笨 我需要完整版的 包括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'); }; }); })