добавление проверки формы Javascript из jquery?

Question

Как добавить встроенную проверку, чтобы убедиться, что выбор радиовхода должен быть выбран

<script type="text/javascript">
    function choosePage() {
        if(document.getElementById('weightloss').form1_option1.checked) {
            window.location.replace( "http://google.com/" );
        }
        if(document.getElementById('weightloss').form1_option2.checked) {
            window.location.replace( "http://yahoo.com/" );
        }
    }
</script>

<form id="weightloss">
     <input type="radio" id="form1_option1" name="weight-loss" value="5_day" class="plan">
     <label for="form1_option1"> 5 Day - All Inclusive Price</label><br>
     <input type="radio" id="form1_option2" name="weight-loss" value="7_day">
     <label for="form1_option2"> 7 Day - All Inclusive Price</label><br>
     <input type="button" value="Place Order" alt="Submit button" class="orange_btn" onclick="choosePage()">
</form>

Answer 1

Вам просто нужно было, чтобы js сначала оценил форму.

<script type="text/javascript">
    function choosePage() {
        if(document.forms["weightloss"]["form1_option1"].checked == true) {
            window.location.replace( "http://google.com/" );
        }
        if(document.forms["weightloss"]["form1_option2"].checked == true) {
            window.location.replace( "http://yahoo.com/" );
        }
        else { alert('Please choose an option'); } // for inline alerts see below.
    }
</script>

Для встроенных текстовых оповещений попробуйте следующее:

    else { my_message.innerHTML = "Please choose an option" }

Добавьте на страницу элемент, содержащий сообщение.:

    <p id="my_message"></p> <!-- when the form submits empty your message will appear here.

Answer 2

вы используете document.getElementById('weightloss'), но на самом деле нет ни одного элемента с идентификатором 'weightloss'.

Попробуйте с этим

<script type="text/javascript">
    function choosePage() {
        if(document.getElementById('form1_option1').checked) {
            window.location.replace( "http://google.com/" );
        }
        if(document.getElementById('form1_option2').checked) {
            window.location.replace( "http://yahoo.com/" );
        }
    }
</script>

Надеюсь, это поможет вам.