0

我在尝试验证我的表单时遇到了一些问题。

用户必须为每个选择“标题”、“徽标”和一个值。现在，即使我全部选择了它们，它也不会验证。

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;
}


});


});
4

0 回答 0