页面提交前验证的实现方式:
form应该也有提交前的事件就是onsubmit。此事件的功能就是在表单提交前自动执行指定的东西。
JS如下:
form应该也有提交前的事件就是onsubmit。此事件的功能就是在表单提交前自动执行指定的东西。
需要注意的是,onsubmit=“return check()”中的return是一定要加上的,不然check的返回值哪怕是false,仍然提交。也就是说,onsubmit=“return false”为不执行提交;onsubmit=“return true”或onsubmit=“return ”都执行提交
HTML如下:
<form action="admin-add-user-proc.php" onsubmit="return check()">
<div class="category-title">
<div style="cursor: pointer;" id="" class="category-item">
<p><span>登录信息</span></p>
</div>
...
JS如下:
check = function()
{
if($("#input_username").val().length == 0)
{
alert("用户名为空!");
return false;
}
if($("#input_realname").val().length == 0)
{
alert("真实姓名为空!");
return false;
}
return true;
}