Где я должен разместить свой код Javascript в представлении склеивания модели ColdFusion?

Допустим, у меня есть представление ColdFusion Model Glue под названием login.cfm, В нем у меня есть форма:

<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>

Теперь я хочу добавить некоторую проверку 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 от всех моих представлений к основанию тела.

2 ответа

Решение

Существует довольно много разных стратегий для этого. Самый простой - это поместить свой скрипт для конкретного вида в один файл.js и включить его через <script src="path"></script> тег перед закрытием <body> тег.

Вы также можете посмотреть библиотеки, такие как require.js, которые позволяют асинхронно загружать файлы сценариев и их зависимости.

Вы можете просто оставить это в файле вида таким, какой он есть.

Я не большой поклонник наличия блоков