フォームを検証しようとすると、いくつかの問題が発生します。
ユーザーは、「ヘッダー」、「ロゴ」、およびそれぞれの値を選択する必要があります。すべてを選択したにもかかわらず、現在は検証されません。
JS フィドル: http://jsfiddle.net/rZshJ/13/
Javascript:
$().ready(function(){
$('.test').hide();
$(".header, .logo").on("click",function(){
var relatedSelect2 = $(this).parent('.parent').children('.test');
$('.test').hide();
$('.parent').each(function(index){
$(this).children('input:checked').parent('.parent').children('.test').show();
});
relatedSelect2.show();
});
jQuery('#submit').click(function(event){
if( $("input[name='header']:checked").length > 0 && $("input[name='logo']:checked").length > 0 && $('#image_option > option:selected').length != 0 ) {
alert('Updated!');
}
else if( $("input[name='header']:checked").length == 0 && $("input[name='logo']:checked").length == 0 && $('#image_option > option:selected').length == 0 ) {
alert('Please select a header and logo and template for each');
return false;
}
else if( $("input[name='header']:checked").length > 0 && $("input[name='logo']:checked").length == 0) {
alert('Please select a logo');
return false;
}
else if( $("input[name='header']:checked").length == 0 && $("input[name='logo']:checked").length > 0) {
alert('Please select a header');
return false;
}
else if( $("input[name='header']:checked").length > 0 && $("input[name='logo']:checked").length > 0 && $('#image_option > option:selected').length == 0 ) {
alert('Please select a template');
return false;
}
else if( $("input[name='header']:checked").length == 0 && $("input[name='logo']:checked").length == 0 && $('#image_option > option:selected').length != 0 ) {
alert('Please select a header and logo');
return false;
}
});
});