проверить числовое значение, используя .submit jquery

0

У меня есть следующее, где я пытаюсь проверить, во-первых, что пользователь ввел значение, а во-вторых, числовое значение соответствует числу случайных чисел от 1-8, сгенерированных через php.

HTML/PHP

<?php
    $num = rand(1,8);
    echo '<script type="text/javascript">
    var js_var = '.json_encode($num).';
    </script>';
    ?>
<p>The ball will start at position '<span class="number"></span>' and travel in a straight line.</p>
<p class="question">Where will the ball roll to?</p>
<form action="javascript:alert('You are correct');" id="form">
    <input type="text" id="field">
    <input type="submit" value="submit">
</form>
<p id="target"></p>

JS

    <script type="text/javascript">
    $(function(){
        // add in random start position
        $('.number').text(js_var);

        // grab submitted answer
        $('#form').submit(function(event){
            var answer = $('#field').val();


            if( $('#answer').val() != ' ') {
                if ( answer == js_var) {
                    $('#target').text("Correct!").show();
                    return;
                } 
                    $('#target').text("Incorrect, try again!"+js_var).show().fadeOut(1000);
                    event.preventDefault(); 

             } else {
                 alert('Please enter a value...!');
                 event.preventDefault(); 
             }
        })
    });
</script>

Я не могу шов, чтобы заставить его проверять вообще...

Теги:
validation
input
numeric

1 ответ

0
Лучший ответ

вместо

if( $('#answer').val() != ' ')

вы можете использовать

if( $('#answer').val().length > 0)

Ещё вопросы

Сообщество Overcoder
Наверх
Меню