Где я должен разместить свой код Javascript в виде склеивания модели ColdFusion? - PullRequest
0 голосов
/ 03 сентября 2011

Допустим, у меня есть представление 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 ]

0 голосов
/ 03 сентября 2011

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

Я не большой поклонник наличия блоков повсюду, поэтому я обычно использую и, чтобы все эти блоки JS попали в

. Вы можете сделать это прямо в файле login.cfm.

<cfsavecontent variable="js">
<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>
</cfsavecontent>
<cfhtmlhead text="#js#" />
0 голосов
/ 03 сентября 2011

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

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...