提交前验证表格(输入所有字段)

Question

我正在尝试检查下面表单中的字段是否已填充,然后才能将其插入数据库,例如显示弹出的字段尚未填写.这只是一个简单的注册表单.

<form name="form1" method="post" action="signup_ac.php">
<strong>Sign up</strong>
Username:<input name="username" type="text" id="username" size="30">
Password:<input name="password" type="password" id="password" size="15">
Name:<input name="name" type="text" id="name" size="30">
<select name="Month">
<option selected>Month</option>
<option value="January">January</option>
<option value="Febuary">Febuary</option
  </select> 
<select name=Year>
<option selected>Year</option>
<option value="2012">2012</option>
<option value="2011">2011</option>
 </select>
<input type="submit" name="Submit" value="Submit"> &nbsp;
<input type="reset" name="Reset" value="Reset">
</form>

我如何使用JavaScript或jQuery执行此操作.

Answer 1

首先,下载jQuery validate插件并将其添加到您的页面.然后为每个输入提供一个必填字段required.然后在jQuery中:

$(function() {
    $("form").validate();
});

validate插件功能非常丰富,因此您可以根据需要显示不同类型的消息,不同的验证检查等.文档中有关于此的更多信息.

最后,与所有javascript前端验证一样,请确保您在服务器端验证用户输入,以防用户在浏览器中关闭了javascript.