你还可以查看一些库,比如require.js,它们允许你异步加载脚本文件和它们的依赖项。
假设我有一个名为login.cfm
的ColdFusion Model Glue视图。在其中,我有一个表单:
<form id="loginForm" action="#event.linkTo("user.login")#" method="POST">
E-mail: <input id="emailField" type="text" name="email">
Password: <input id="passwordField" type="text" name="password">
<input type="submit" value="Login">
</form>
现在我想在用户单击Login按钮时添加一些Javascript验证。在jQuery中像这样:
<script type="text/javascript">
$(function() {
$('#loginForm').submit(function() {
// check that emailField is not empty and is a valid e-mail
// check that passwordField is not empty
// if validation fails, add in DOM elements to show error messages
});
});
</script>
我应该在哪里添加这个Javascript代码?我是否将其直接插入login.cfm
视图?还是有更好的处理方式?最好是将所有视图中的Javascript代码粘贴到body的底部。
有很多不同的策略。最简单的是将特定于视图的脚本放在一个.js文件中,并在关闭<body>
标记之前通过<script src="path"></script>
标记包含它。
你可以把它留在视图文件中。
我不太喜欢有