使用.submit jquery验证数值

Question

我想在下面尝试首先验证用户是否输入了一个值，其次验证该数值是否与通过php生成的1-8中的随机数相匹配。

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>

我根本无法缝隙去验证它。

Answer 1

代替

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

您可以使用

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