Скрипт, делающий кнопку формы неактивной
Предположим, у Вас на сайте присутствует некая форма, некоторые поля которой обязательно должны быть заполнены пользователем перед ее отправлением. Чтобы проконтролировать заполнение обязательных полей, рекомендуем воспользоваться следующим скриптом:
<form method="POST" name="registration">
Логин: <input onkeyup="change_Status()" onchange="change_Status()" name="login"><br>
Пароль: <input onkeyup="change_Status()" onchange="change_Status()" name="pass"><br>
Почта*: <input name="mail"><br>
<input type=submit value="Зарегистрироваться" name="start"><br><br>
* - необязательное поле
</form>
<script type="text/javascript">
var f=document.registration;
function change_Status(){
f.start.disabled=(f.login.value && f.pass.value) ? false : true;
}
change_Status();
</script>
В данном примере обязательными к заполнению являются поля "Логин" и "Пароль". Только после заполнения этих двух обязательных полей кнопка "Зарегистрироваться" становится активной! Пока хотя бы одно из полей "Логин" и "Пароль" будет пустое - кнопка "Зарегистрироваться" будет оставаться неактивной!
Пример работы данного скрипта представлен ниже:
При использовании данного скрипта стоит учитывать тот факт, что если у пользователя отключена поддержка JavaScript браузером, то кнопка "Зарегистрироваться" так и останется неактивной независимо от того заполнил он обязательные поля или нет.
Стоит помнить о том, что на стороне сервера тоже следует обязательно делать проверку полученных данных, т.к. пользователь может подменить отправляемые данные и обойти браузерные скрипты.
Перед публикацией все комментарии проходят обязательную модерацию!
Если Вы хотите задать какой-либо вопрос, то сделайте это на нашем форуме.
Таким образом, Вы сможете быстрее получить ответ на интересующий Вас вопрос.