表單驗證通過Jquery

Question

我有許多無線電組，您必須在每組中至少選擇1個。和我不想使用HTML「必需」。

我用jquery寫了一些東西，但它不起作用。

我只想知道我哪裏做錯了。

$('#form1').submit(function(){ 

    $(".radiogrup").each(function(){ 

     var sel=$(this).find("input[type='radio']:checked").val(); 

    if(sel==null){ 
     alert("error msg"); return false; 

    } 
    else { 
     //submit form and do something. 
    } 

    }); 
}) 

但如果它們中的任何一個留空，它不應該提交表單。

Answer 1

替換此：

var sel=$(this).find("input[type='radio']:checked").val(); 
if(sel==null){ /* Error */ } 

與

if($(this).find(':radio:checked').length == 0) { /* Error */ } 

JsFiddle demo

Answer 2

嘗試這樣的事情

$('#form1').submit(function(){ 


var sel= 'true'; 
$(".myRadio").each(function(){ 
    if(this.checked){ 
     sel = 'false'; 
    } 
}) 

if(sel=='true'){ 
    alert("error msg"); return false; 

} 
else { 
    //submit form and do something. 
    return true; 
} 

}）