attr required iphone
Решаем проблему с тем, что атрибут required не работает в мобильных safari (возможно еще где-то).
Обновлено:
$('form').on('submit',function(){ var required=$(this).find('[required="required"]'); var error=false; $(required).each(function(){ if($(this).val()==''){ $(this).css('border-color','#e03c42'); if(!error){ $(this).focus(); } error=true; } else{ $(this).css('border-color','#ffffff'); } }); if(error){ return false; } });
Прежний вариант:
$('form').on('submit',function(){ var required=$(this).find('[required="required"]'); var error=false; for(var i=0;i<=(required.length-1);i++){ if(required[i].value==''){ required[i].style.backgroundColor='rgb(255,155,155)'; error=true; } else{ required[i].style.backgroundColor='white'; } } if(error){ return false; } });
Оригинал с http://stackoverflow.com/questions/10664356/html5-form-element-required-on-ipad-iphone-doesnt-work
$('form').submit(function(){ var required=$('[required="true"]'); var error=false; for(var i=0;i<=(required.length-1);i++){ if(required[i].value==''){ required[i].style.backgroundColor='rgb(255,155,155)'; error=true; } } if(error){ return false; } });
Или на основе чего-нибудь из (http://stackoverflow.com/questions/23261301/required-attribute-not-work-in-safari-browser):
$("form").submit(function(e){ var ref=$(this).find("[required]"); $(ref).each(function(){ if($(this).val()==''){ alert("Required field should not be blank."); $(this).focus(); e.preventDefault(); return false; } }); return true; });
$('#idForm').click(function(e){ e.preventDefault(); var sendModalForm=true; $('[required]').each(function(){ if($(this).val()==''){ sendModalForm=false; alert("Required field should not be blank."); $('.error-message').show(); } }); if(sendModalForm){ $('#idForm').submit(); } });