Собственно, вот:
<form action="#">
<input type="text" id="test">
<input type="text" id="lol1">
<input type="text" id="lol2">
<input type="text" id="lol3">
<input type="submit">
</form>
$(document).ready(function(){
$("#test").change(function(){
var val = $("#test").val();
if (val <= 100){
$("#lol1").attr('required');
$("#lol2").removeAttr('required');
$("#lol3").removeAttr('required');
}else if (val > 100 && val <=150){
$("#lol1").attr('required');
$("#lol2").attr('required');
$("#lol3").removeAttr('required');
}else if (val > 150 && val <=200){
$("#lol1").attr('required');
$("#lol2").attr('required');
$("#lol3").attr('required');
}else if (val ==""){
$("#lol1").removeAttr('required');
$("#lol2").removeAttr('required');
$("#lol3").removeAttr('required');
}
});
});
Как понятно с кода, у меня есть поле test, и туда я буду вписывать цифры, и в зависимости от вписанной цифры одни поля должны быть с required, другие без.
Если в поле test значение пустое, то аттрибут required в полях не нужен.
Код почему-то не работает
(в jsfiddle тестирую)
ЧЯДНТ?
