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

} 

私はすべてを試しましたが、変数は私を真実にしますが、私はラジオ入力でこの検証を使用すると何も動作しません。私の機能は、私のサファリナビゲータの十字形をクリックしてフォームに投稿を止めたときにのみ機能します！

すべてはクロームで正常に動作しますが、それは、私はあなたのコードをクリーンアップサファリ

Answer 1

に動作させる傾けます。あなただけのjQueryのプロパティを「支える」を使用するようにしてください$.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

の代わりにlengthを使用する必要があるように、以下のようになります

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