form的onsubmit事件-表单提交前的验证绝佳实现方式
form的onsubmit事件--表单提交前的验证最佳实现方式
页面提交前验证的实现方式:
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; }