HTML表单-必填字段-了解必填字段是否已通过编程方式完成
HTML表单-必填字段-了解必填字段是否已通过编程方式完成
提问于 2018-08-20 05:25:01
我有一个页面，当一个按钮被点击时加载一个加载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;
}
});有什么想法吗？
回答 1
Stack Overflow用户
发布于 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
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51921960
复制相关文章
相似问题