seajs

来源：互联网发布：诈骗知乎编辑：程序博客网时间：2024/05/13 17:26

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

|- 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();}}});

0 0