Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Валидация jquery c button type=button (https://javascript.ru/forum/jquery/75823-validaciya-jquery-c-button-type%3Dbutton.html)

designerandrey 09.11.2018 15:03

Валидация jquery c button type=button
 
всем доброго времени
1. есть форма
2. есть скрипт, который делает кнопку button активной если введены данные
кнопка типа button не submit
по мимо того, что кнопка активируется введя данные в input, нужно еще каким то образом сделать проверку напр. type="email"
но button выполняет роль следующего шага формы
по этому у меня уже мозг расплавился как сделать эту проверку
код

<script>
function checkParams() {
    var nik= $('#nik').val();
    var email = $('#email').val(); 
    if(nik.length != 0 && email.length != 0) {
        $('#submit').removeAttr('disabled');
    } else {
        $('#submit').attr('disabled', 'disabled');
    }
}
</script>


<form>
<input class="inuser" onkeyup='checkParams()' id="nik" type="text" placeholder="nik">
<input class="inuser" onkeyup='checkParams()' id="email" type="text" placeholder="email">
<button class="next" type="button" disabled>Следующий шаг</button>
</form>

рони 09.11.2018 15:12

designerandrey,
что мешает добавить проверку почты в условие (строка 5)

designerandrey 09.11.2018 15:15

Цитата:

Сообщение от рони (Сообщение 498197)
designerandrey,
что мешает добавить проверку почты в условие (строка 5)

тип кнопки не сабмит
вот я и не пойму как это все связать

может подскажете каким образом добавить туда проверку

рони 09.11.2018 15:18

designerandrey,
if(nik.length != 0 && email.length != 0 && /.+@.+\..+/i.test(email)) {

designerandrey 09.11.2018 15:21

Цитата:

Сообщение от рони (Сообщение 498199)
designerandrey,
if(nik.length != 0 && email.length != 0 && /.+@.+\..+/i.test(email)) {

Огромное Вам Спасибо!


Часовой пояс GMT +3, время: 15:17.