js判断是否input的输入值为空后为输入框设置红色提醒

<input id="name" type="text" name="username" placeholder="请输入姓名"  >

var name=$("#name").val();
if (name == '' || name == undefined || name == null){
    //alert("请输入姓名");
    $("#name").css('borderColor','red'); //添加css样式
}else {
    $("#name").css('borderColor',''); //取消css样式
}