seajs

做一个简单的例子，目录结构大概是这样的：

|- js
|   |- app
|   |   |- login.js
|   |- vendor
|       |- sea.js
|- index.html

index.html

<form action="http://url" method="post" id="loginForm">
	<input type="text" name="user" placeholder="用户名/邮箱"/>
	<input type="text" name="pass" placeholder="密码"/>
	<button id="submit" type="submit">登录</button>
</form>
<script src="js/vendor/sea.js"></script>
<script>
	seajs.config({
		base: './js/'
	});
	seajs.use('app/login');
</script>

app/login.js

define('app/login', function(require, exports, module){
	var loginForm = document.getElementById('loginForm');
	loginForm.onsubmit = function(){
		// this is form[id="loginForm"]
		if ( this.user.value == '' || this.pass.value == '' ) {
			alert('用户名和密码不能为空');
			return false;
		} else {
			return true;
		}
	};
	// 或者可以这么写，
	var submit = document.getElementById('submit');
	submit.onclick = function(event){
		if ( loginForm.user.value == '' || loginForm.pass.value == '' ) {
			alert('用户名和密码不能为空');
			event.preventDefault();
		} else {
			loginForm.submit();
		}
	}
});