javascript形式驗證

Question

<div class="masterform type-selection"> 


<div class="radio"><span><input type="radio" name="feature_value_6" value="10" required=""></span></div><label>Cool</label> 



function ShowLoading() { 

var verif = true; 

$(".masterform input").each(function() { 
if($(this).val() == ""){ 
verif = false; 
} 
}); 
var radio = false; 
$(".type-selection div.radio span").each(function() { 
if($('.masterform input[type=radio]:checked').size() > 0){ 
radio = true; 
} 
}); 

if(verif == true && radio == true){ 
window.loading_screen = window.pleaseWait({ 
blabla }); } 

} 

我試過了一切，變量發送給我，但當我在無線電輸入使用此驗證沒有任何工作。我的功能只有當我通過點擊我的Safari瀏覽器的十字架停止提交表單時才起作用！

一切工作的罰款鉻，但不能讓它在Safari

Answer 1

工作，我清理你的代碼。看起來像你只需要使用length代替$.size()

var radio = false; 
 
$(".type-selection div.radio span").each(function() { 
 
    if ($('.masterform input[type=radio]:checked').length > 0) { 
 
    radio = true; 
 
    } 
 
    console.log(radio); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="masterform type-selection"> 
 
    <div class="radio"> 
 
    <span> 
 
     <input type="radio" name="feature_value_6" value="10" required="" checked> 
 
    </span> 
 
    </div> 
 
    <label>Cool</label> 
 
</div>

Answer 2

嘗試使用「託」的jQuery的屬性，如：

$(".type-selection div.radio span input[type='radio']").each(function(elemIndex, domElement) { //Each radio 
    if($(domElement).prop('checked')){ 
     radio = true; 
    } 
});