2017-07-28 6 views
0

ここに私のコードです。私は成功したフォーム送信後にページをリダイレクトすると、それはそのページ上に残り、ユーザーがエラーを修正する必要がフォームの送信が成功し、jsを使用してページに残っている場合にリダイレクトする方法

<form id="form_1" name="form" action="#" method="POST"> 
    <div class="btn-group" data-toggle="buttons"> 
    <input class="radio_btn" type="radio" name="group1" value="true">Yes 
    <input class="radio_btn" type="radio" name="group1" value="false">No 
    </div> 
    <div class="btn-group" data-toggle="buttons"> 
    <input class="radio_btn" type="radio" name="group2" value="true">Yes 
    <input class="radio_btn" type="radio" name="group2" value="false">No 
    </div> 
    <button type="submit">Submit</button> 
</form> 

<script> 
    var form = document.querySelector('#form_1'); 
    var radioList = form.querySelectorAll('.radio_btn'); 
    form.addEventListener('submit', function() { 
    for (var i = 0, length1 = radioList.length; i < length1; i++) { 
     if (radioList[i].getAttribute('value') == 'false' && radioList[i].checked) { 
     alert("error"); 
     return false; 
     } else { 
     return true; 
     window.location.assign("http://worldlivecricket.com"); 
     } 
    } 
    }); 
</script> 

答えて

0

をあなたがここにjquery

$("#form_1").on("submit",function(e){ 
    if(your validation) { 
     // redirect 
    } else { 
     e.preventDefault(); 
    } 
}); 

を使用して、このようe.preventDefault();を行うことができます停止しますページがリロードから

関連する問題