我有一个页面,当一个按钮被点击时加载一个加载gif。如果输入了所需的文本,则可以正常工作。
如果没有输入所需的文本,浏览器会指示文本丢失,但加载gif仍然有效。
有没有办法让js知道某个必填字段还没有填完,这样我就可以停止显示加载gif了?
我只有一句话:
如下所示的HTML表单:
<form action="...">
<input type="text" required>
<button>Submit</button>
</form>
我有一些js,看起来像这样:
$("button").click (function(){
// Display a loading gif;
});
我想要的是这样的:
$("button").click (function(){
if (all required fields are complete) {
// Display a loading gif;
}
});
有什么想法吗?
发布于 2018-08-20 05:32:39
在字段上使用这样的过滤器如何:
$('input').filter('[required]')
function checkInputs() {
var isValid = true;
$('input').filter('[required]').each(function() {
if ($(this).val() === '') {
$('#confirm').prop('disabled', true)
isValid = false;
return false;
}
});
if(isValid) {$('#confirm').prop('disabled', false)}
return isValid;
}
$('#confirm').click(function() {
alert(checkInputs());
});
//Enable or disable button based on if inputs are filled or not
$('input').filter('[required]').on('keyup',function() {
checkInputs()
})
checkInputs()
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<input required>
<input required>
<input required>
<button id="confirm">check</button>
</form>
归功于:Here
https://stackoverflow.com/questions/51921960
复制相似问题