form的onsubmit事件-表单提交前的验证绝佳实现方式

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