如何指定每個輸入

我希望把空輸入下一個紅底只不是所有的投入，什麼，我需要修復或添加在這個例子中，使這項工作，如何指定每個輸入

$(function() { 
 
    $('#submit').on('click', function() { 
 
    var myTitle = $('#title').val(), 
 
     myLocation = $('#location').val(), 
 
     myDescription = $('#description').val(), 
 
     myTime = $('#time').val(); 
 
    if (myTitle == '' || myDescription == '' || myLocation == '' || myTime == '') { 
 
     $('#title, #location, #description, #time').css('border-color', 'red'); 
 

 
     return false; 
 

 
    } 
 
    }); 
 
});

input { 
 
    border: none; 
 
    padding: 4px 0; 
 
    background: 0 0; 
 
    text-align: left; 
 
    outline: none; 
 
    display: block; 
 
    width: 100%; 
 
    border-bottom: 1px solid #ccc 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type='text' id='title' placeholder='Add title'> 
 
<input type='text' id='location' placeholder='Add location'> 
 
<input type='text' id='description' placeholder='Add description'> 
 
<input type='time' id='time'> 
 
<button id='submit'>submit</button>

來源

2017-10-11 Ramez GaIal

只需使用每個功能在輸入和檢查，如果是impty：

$(function() { 
 
    $('#submit').on('click', function() { 
 
     $("input").each(function() { 
 
      if ($(this).val() == "") { 
 
       $(this).css('border-color', 'red'); 
 
      } 
 
      else $(this).css('border-color', 'green'); 
 
     }); 
 
     return false; 
 
    }); 
 
});

input { 
 
    border: none; 
 
    padding: 4px 0; 
 
    background: 0 0; 
 
    text-align: left; 
 
    outline: none; 
 
    display: block; 
 
    width: 100%; 
 
    border-bottom: 1px solid #ccc 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type='text' id='title' placeholder='Add title'> 
 
<input type='text' id='location' placeholder='Add location'> 
 
<input type='text' id='description' placeholder='Add description'> 
 
<input type='time' id='time'> 
 
<button id='submit'>submit</button>

來源

2017-10-11 16:31:12 SilverSurfer

謝謝親愛的，我不知道爲什麼在簡單的事情我的頭腦停止哈哈。，我還有一個問題，如果你可以幫助我，我有輸入類型搜索，我可以通過>>道具禁用它。 'disabled'，true）我的問題是如何切換這個，我試過prop（'disabled'，false）和removeAttr，並且這兩種方法都不工作，你有什麼想法 –

在這種情況下，你想禁用切換輸入搜索？ – SilverSurfer

https://stackoverflow.com/questions/46712794/how-i-can-toggle-the-input-statue-disabled –

如何指定每個輸入

回答

相關問題