添加無焦點的文本框陰影

Question

如果註冊表單中的任何字段未填充，則該字段應該在文本週圍顯示一個紅色陰影，並禁用提交按鈕，直到填充所有字段。

Answer 1

試試這個在CSS

.error { 
    -moz-box-shadow: 1px 1px 2px 2px #F00; 
    -webkit-box-shadow: 1px 1px 2px 2px #F00; 
    box-shadow:   1px 1px 2px 2px #F00; 
} 

而且在腳本像

$('input').removeClass('error'); 
if(validation===true)// in case of validation error 
{ 
    $('#inputId').addClass('error'); 
    $('#submitId').prop('disabled',true); 
} 
else 
{ 
    $('#submitId').prop('disabled',false); 
} 

Answer 2

基本上，申請錯誤輸入一個類（雖然一些驗證框架照顧這個，只得到錯誤元素），然後使用jQuery來設置這些元素的樣式。

$(".myErrorInputsClass").css("box-shadow", "1px 1px 1px blue"); 
    //repeat for webkit, moz etc