Javascript Formular Verifikation

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

} 

Ich habe alles versucht, die Variable senden mir wahr, aber wenn ich diese Überprüfung auf Radio-Eingang nichts arbeiten. Meine Funktion funktioniert nur, wenn ich das Senden auf meinem Formular abbringe, indem ich auf das Kreuz meines Safari-Navigators klicke!

Alles funktioniert auf Chrom gut, aber kann es nicht auf Safari

Answer 1

ich Ihren Code aufgeräumt arbeiten. Sieht aus wie Sie gerade length statt $.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

Versuchen verwenden müssen, um die „Stütze“ Eigenschaft von jQuery, wie diese zu verwenden:

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