如何指定每个输入
问题描述:
我希望把空输入下一个红底只不是所有的投入, 什么,我需要修复或添加在这个例子中,使这项工作, 如何指定每个输入
$(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>
答
只需使用每个功能在输入和检查,如果是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>
谢谢亲爱的,我不知道为什么在简单的事情我的头脑停止哈哈。, 我还有一个问题,如果你可以帮助我, 我有输入类型搜索,我可以通过>>道具禁用它。 'disabled',true) 我的问题是如何切换这个,我试过prop('disabled',false)和removeAttr,并且这两种方法都不工作,你有什么想法 –
在这种情况下,你想禁用切换输入搜索? – SilverSurfer
https://*.com/questions/46712794/how-i-can-toggle-the-input-statue-disabled –