我在尝试验证表单时遇到了一些问题。
用户必须选择“标题”，“标识”和每个标识的值。现在它即使我已经选择了它们也不会验证。
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;
}
});
});