15 Jul 2017, 11:22 15 Jul 2017, 16:43 avatar

Небольшая плюшка для регистрации и не только

JS
  1. Адаптировал: irbees2008
  2. Уровень сложности исполнения:это делается простым копированием и нажиманием кнопки
  3. Демо: в новом окне
И так, в движке есть страничка регистрации, там просто заполняешь поля и жмешь кнопку зарегистрироваться. Но вот правила прочитать или условия не каждый прочитает, да согласен он или нет тоже не знаем.Так вот есть небольшой скриптик, например, если пользователь не соглашается с правилами, он не жмет на флажок (checkbox) и ему не появится кнопка «Зарегистрироваться», но если он со всеми правилами согласен, тогда жмет на флажок (checkbox) и ему отображается кнопка «Зарегистрироваться».
Скрипт простой .
И так приступим открываем форму регистрации дефолтного шаблона,там есть такая форма
Код:
<form name="register" action="{{ form_action }}" method="post" onsubmit="return validate();">
<input type="hidden" name="type" value="doregister"/>
{% for entry in entries %}
<div class="label label-table">
<label for="{{ entry.id }}">{{ entry.title }}:</label>
<span class="input2">{{ entry.input }}</span>
<div class="label-desc" id="{{ entry.id }}">{{ entry.descr }}</div>
</div>
{% endfor %}
{% if flags.hasCaptcha %}
<div class="label label-table captcha pull-left">
<label for="reg_capcha">{{ lang.captcha }}:</label>
<input id="reg_capcha" type="text" name="vcode" class="input">
<img src="{{ admin_url }}/captcha.php" onclick="reload_captcha();" id="img_captcha" style="cursor: pointer;" alt="{{ lang.captcha }}"/>
<div class="label-desc">{{ lang.captcha_desc }}</div>
</div>
{% endif %}
<div class="clearfix"></div>
<div class="label">
<label class="pull-left"><input type="checkbox" name="agree">
{{ lang.theme['registration.rules'] }}</label>
<input type="submit" value="{{ lang.register }}" class="button pull-right">
</div>
</form>
screenshot_31.jpg (38.19 Kb)
Так чекбокс есть и кнопка тоже это в этом кусочке
Код:
<div class="label">
<label class="pull-left"><input type="checkbox" name="agree">
{{ lang.theme['registration.rules'] }}</label>
<input type="submit" value="{{ lang.register }}" class="button pull-right">
</div>

Меняем
Код:
<input type="checkbox" name="agree">
на
Код:
<input type="checkbox" id="_tour_bron" name="_tour_bron" value="true">
Удаляем кнопку
Код:
<input type="submit" value="{{ lang.register }}" class="button pull-right">

И добавляем скрипт который показывает кнопку регистрации:
Код:
<script>
document.getElementById('_tour_bron').onclick = function() {
// access properties using this keyword
if ( this.checked ) {
document.getElementById('button_on_checkbox').innerHTML = '<input type="submit" value="{{ lang.register }}" class="button pull-right">';
} else {
document.getElementById('button_on_checkbox').innerHTML = '';
}
};
</script>
<span id="button_on_checkbox"></span>
У меня получился такой кусок кода
Код:
<div class="label">
<label class="pull-left">
<input type="checkbox" id="_tour_bron" name="_tour_bron" value="true">
{{lang.theme['registration.rules'] }}
</label>
<script>
document.getElementById('_tour_bron').onclick = function() {
// access properties using this keyword
if ( this.checked ) {
document.getElementById('button_on_checkbox').innerHTML = '<input type="submit" value="{{ lang.register }}" class="button pull-right">';
} else {
document.getElementById('button_on_checkbox').innerHTML = '';
}
};
</script>
<span id="button_on_checkbox"></span>
</div>

Вот и все, пользуемся.
Можешь почитать и вот эту статейку "Показываем пароль в поле ввода"

mistakes

  • 0
  • Просмотры :(407)
  • Рейтинг : +  0  -
  • Назад

0 комментариев

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.