码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-05-07 18:54:38      阅读:92      评论:0      收藏:0      [点我收藏+]

标签:

    页面提交前验证的实现方式:
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;
	
}


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

标签:

原文地址:http://blog.csdn.net/wanglei9876/article/details/45563865

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!