我正在尝试验证多个输入字段的长度,它仅适用于一个字段。我希望它是检查具有相同输入名称的所有字段,当长度相同时,请从下一步按钮中删除禁用的类。
这是我的代码...
jQuery(document).ready(function($) {
$('input[name="date[]"]').keyup(function() {
var DoB = [];
$(".date").each(function(){
DoB.push($(this).val());
});
if (DoB.length == 10) {
$('#stepname').removeClass('disabled');
}
else {
$('#stepname').addClass('disabled');
}
});
.disabled{
cursor: no-event;
color: #ccc;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="date" name="date[]">
<input type="text" class="date" name="date[]">
<a href="#" id="stepname" class="btn disabled">Next Step</a>
我希望你能理解我的问题。
提前致谢
如果我了解您的问题,这应该是适合您的解决方案。;)
jQuery(document).ready(function($) {
$('input[name="date[]"]').keyup(function() {
var disabled = false;
$('input[name="date[]"]').each(function(key, element){
if(element.value.length < 10) disabled = true;
});
(disabled) ? $('#stepname').addClass('disabled') : $('#stepname').removeClass('disabled');
});
});
.disabled {
cursor: no-event;
color: #ccc;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="date" name="date[]">
<input type="text" class="date" name="date[]">
<a href="#" id="stepname" class="btn disabled">Next Step</a>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句