JS控制輸入框以紅色作為驗(yàn)證提示，遇到兩個(gè)問題：

1. select標(biāo)簽和input標(biāo)簽有區(qū)別
2. focus后變紅再恢復(fù)時(shí)，不好恢復(fù)到之前的帶有陰影的藍(lán)邊框

解決方案：

1. 第一種寫法

function focusChangeBorder( id ) {
    var editElem = $("#" + id);
    if (editElem.children("#" + id).length>0) {
        editElem = editElem.children("#" + id);
    }
    editElem.blur(function () {
        $(this).css({
            'outline': '5px auto -webkit-focus-ring-color',
            'border-color': 'rgba(82, 168, 236, 0.8)'
        });
        $(this).css({
            'outline': 'none',
            'border-color': '#ccc'
        });           
    }).focus(function () {
        $(this).css({
            'outline': 'none',
            'border-color': 'rgba(255, 0, 0, 0.8)'
        });
    });
    editElem.focus();
}

2. 第二種寫法

var focusChangeBorder = function ( id ) {
    //var elem = $( "input#" + id );
    //if (elem.length <= 0) {
    //    elem = $("#" + id);
    //}
    var elem = $( "input,select,option,textarea" ).filter( '#' + id );

    elem.blur( function () {
        elem.focus( function () {
            $( this ).css( {
                'outline': '5px auto -webkit-focus-ring-color',
                'border-color': 'rgba(82, 168, 236, 0.8)'
            } );
        } );
        $( this ).css( {
            'outline': 'none',
            'border-color': '#ccc'
        } );
    } ).focus( function () {
        $( this ).css( {
            'outline': 'none',
            'border-color': 'rgba(255, 0, 0, 0.8)'
        } );
    } );
    elem.focus();
}