0

Всем привет.

Есть форма.

<form method="POST" action="<?php echo base_url();?>cabinet/registration" style="font-size: 16px;">

            <input type="text" name="email" id="email" value="" onkeyup='checkParams()'/>

            <input type="password" name="password" id="password" value="" onkeyup='checkParams()'/>

            <input type="password" name="re_password" id="re_password" value="" onkeyup='checkParams()'/>

            <input type="submit" value="Регистрация" name="registration" class="registration_submit" id="registration" disabled />
    </form>

Есть скрипт на Javascript, который проверяет, не пустые ли поля:

function checkParams() {
    var email = $('#email').val();
    var password = $('#password').val();
    var re_password = $('#re_password').val();

    if(email.length != 0 && password.length != 0 && re_password.length != 0) {
        $('#registration').removeAttr('disabled');
    } else {
        $('#registration').attr('disabled', 'disabled');
    }
}

Посмотрите, пожалуйста, почему не удаляется атрибут disabled у кнопки. Хотя в условия входит все нормально!

6
  • уберите из тегов onkeyup=... и вместо этого назначайте после определения ф-ии: $('#email').on('keyup', checkParams);
    – Sergiks
    Commented 8 дек. 2014 в 9:46
  • В смысле? Скрипт так-то работает, я поставил в условия Alert, он выводится! Проблема где-то в этой строчке: $('#registration').removeAttr('disabled');
    – duddeniska
    Commented 8 дек. 2014 в 9:47
  • 4
    @duddeniska, disabled, selected и аналоги управляются через .prop()
    – etki
    Commented 8 дек. 2014 в 9:50
  • Так мне нужно удалить attr и все!
    – duddeniska
    Commented 8 дек. 2014 в 9:52
  • stackoverflow.com/questions/10242205/…
    – ruslik
    Commented 8 дек. 2014 в 10:17

2 ответа 2

1

Всё и так у вас прекрасно работает!

function checkParams() {
    var email = $('#email').val();
    var password = $('#password').val();
    var re_password = $('#re_password').val();

    if(email.length != 0 && password.length != 0 && re_password.length != 0) {
        $('#registration').removeAttr('disabled');
    } else {
        $('#registration').attr('disabled', 'disabled');
    }
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form method="POST" action="<?php echo base_url();?>cabinet/registration" style="font-size: 16px;">

            <input type="text" name="email" id="email" value="" onkeyup='checkParams()'/>

            <input type="password" name="password" id="password" value="" onkeyup='checkParams()'/>

            <input type="password" name="re_password" id="re_password" value="" onkeyup='checkParams()'/>

            <input type="submit" value="Регистрация" name="registration" class="registration_submit" id="registration" disabled />
    </form>

0

Зачем jQuery, когда у HTMLInputElement есть нативные нативные свойства 'disabled' и 'value'?

   var email = document.getElementById('email').value;
   ...
       document.getElementById('registration').disabled = ...;
1
  • Действительно, зачем эти фреймворки все. Пообколются себе фреймворками по подъездам и думают потом абстракциями.
    – etki
    Commented 8 дек. 2014 в 19:48

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.