Javascript 使用.submit jquery验证数值

我有下面的问题，我首先要验证用户是否输入了一个值，然后验证数值是否与通过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

$（函数（）{
//添加随机起始位置
$（'.number'）.text（js_var）；
//抓取提交的答案
$（'#表单'）。提交（函数（事件）{
var answer=$（“#字段”）.val（）；
如果（$（'#答案'）.val（）！=''）{
如果（答案==js_var）{
$（'#target'）.text（“Correct！”）.show（）；
返回；
} 
$（'#target'）.text（“不正确，请重试！”+js_var.show（）.fadeOut（1000）；
event.preventDefault（）；
}否则{
警报（'请输入值…！'）；
event.preventDefault（）；
}
})
});

我根本无法用seam来验证它….

而不是

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

你可以用

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

---

我去掉了生成随机数的php代码，并在as 6中添加了

$num

变量。我在以下位置添加了这一点：匹配数字的验证有效，但不检查

null

（用户不输入任何内容）

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