javascript - js表单填写检查

Question

当用户按下“提交”按钮时，我如何才能将用户返回到未填写的字段？

我有这样的东西:

    <!--Contact Name-->
    <div class="section" id="inputdiv">
         <span class="fieldname">Name:</span>
         <input type="text" id="contactname" /> <!-- Nessesary to be filled-->
           <script type="text/javascript">
               var contactname = new LiveValidation('contactname');
               contactname.add(Validate.Presence);
           </script>  
    </div>


     <a class="button-more" style="width:903px; float: right; font-size: 15px; margin-top: 15px;" href="">Submit my answers</a>

或者只是这样:

<input type="text" id="contactname" /> <!-- Nessesary to be filled-->

<a href="">Submit my answers</a>

Answer 1

您应该在用户点击“提交”时执行以下代码:

if (document.getElementById('contactname').value=='') document.getElementById('contactname').focus();
else // if the field isn't empty, proceed

编辑:哦，对不起，我刚刚注意到“jquery”标签。它必须在 jQuery 中创建吗？我不懂 jQuery，但您也可以使用上面的代码；)

请记住，您还应该检查服务器端的所有字段，因为一些有经验的用户可能很容易操纵客户端代码。