В настоящее время я показываю пользователю всплывающую форму - http://colorpowered.com/colorbox/ - которая пока кажется единственной, которую я нашел совместимой со всеми браузерами (аплодисменты в IE за несовместимость в других).
Я также использую с этим механизм проверки форм jQuery - https://github.com/posabsolute/jQuery-Validation-Engine, чтобы обеспечить заполнение всех полей.
Я настроен на - Когда пользователь нажимает кнопку «Отправить» и все проверки проходят, они перенаправляются в другое окно со словами «спасибо» и т. Д. Проблема в том, что это меньшее окно, поэтому мне нужно было изменить его размер , что я успешно, но с уважением, если они прошли проверку или нет.
Код, который работает для изменения размера всплывающего окна:
function resize() {
$.colorbox.resize({innerWidth:432, innerHeight:280});
};
С событием onclick, прикрепленным к кнопке отправки -
onclick="top.resize()"
Теперь я взглянул на примеры, которые дает валидатор, чтобы посмотреть, могу ли я вернуть True или False, если проверка формы пройдена, мне удалось найти это в форме предупреждения:
<a href="#" onclick="alert('is the form valid?'+jQuery('#formID').validationEngine('validate'))">Evaluate form</a>
Теперь я подумал, что мог бы воспроизвести это в своем коде, чтобы запускать «Изменение размера» только в том случае, если проверка прошла успешно (Когда изменение размера выполняется и проверка не пройдена, форма искажается и дезориентируется внутри нее). Это мой конечный результат, но безрезультатно:
function resize() {
if($('#jobForm').validationEngine('validate')) == 'true'){
$.colorbox.resize({innerWidth:432, innerHeight:280});
}
};
В консоли я получаю сообщение об ошибке «Uncaught SyntaxError: неожиданный токен ==», но я уверен, что это не проблема.
Здесь я попал в серую зону, и любой совет был бы очень признателен.
Большое спасибо заранее.