За последние 24 часа нас посетили 73629 программистов и 10179 роботов. Сейчас ищут 2738 программистов ...

Как сделать, чтобы в окошки логин в авторизации писались только английские буквы?

Тема в разделе "PHP для новичков", создана пользователем palev221, 6 май 2018.

  1. palev221

    palev221 Новичок

    С нами с:
    6 май 2018
    Сообщения:
    9
    Симпатии:
    0
    Как сделать, чтобы в окошки логин в авторизации писались только английские буквы? (Или чтобы нельзя было писать символы)
    Помогите пожалуйста. С input нужно чтобы было, формы не надо, своя есть уже, как сделать в свою?
    Буду благодарен за помощь ;)
     
  2. Deonis

    Deonis Старожил

    С нами с:
    15 фев 2013
    Сообщения:
    1.521
    Симпатии:
    504
    Вариант 1:
    HTML:
    1. <input type="text" pattern="[a-zA-Z]">
    Вариант 2:
    HTML:
    1. <input type="text" id="login">
    Код (Javascript):
    1. document.getElementById('login').addEventListener('input', function() {
    2.     this.value = this.value.replace(/[^a-z]/i, '');
    3. });
     
  3. palev221

    palev221 Новичок

    С нами с:
    6 май 2018
    Сообщения:
    9
    Симпатии:
    0
    Сейчас попробую ваш вариант ;)
    --- Добавлено ---
    У меня вот так идет:

    <fieldset class="form-group position-relative has-icon-left">
    <input type="text" class="form-control form-control-md input-md" id="userLogin" value="" placeholder="Логин" >
    <div class="form-control-position">
    <i class="ft-user"></i>
    </div>
    </fieldset>

    Как сделать нужно?
    --- Добавлено ---
    Помоги пожалуйста.
     
  4. Deonis

    Deonis Старожил

    С нами с:
    15 фев 2013
    Сообщения:
    1.521
    Симпатии:
    504
    Добавить атрибут pattern, как в моём примере выше. Если выбираете вариант с JS, то изменить getElementById('login') на getElementById('userLogin') и сам код JS расположить в конце страницы или хотя бы ниже формы.
     
  5. palev221

    palev221 Новичок

    С нами с:
    6 май 2018
    Сообщения:
    9
    Симпатии:
    0
    Если честно, я не очень понял, давайте скину файл php и вы мне настроите, вк есть у вас?
     
  6. Deonis

    Deonis Старожил

    С нами с:
    15 фев 2013
    Сообщения:
    1.521
    Симпатии:
    504
    @palev221, мне не нужен ваш файл. Вот вам два варианта в одном:
    HTML:
    1. <fieldset class="form-group position-relative has-icon-left">
    2.     <input type="text" class="form-control form-control-md input-md" id="userLogin" value="" placeholder="Логин"  pattern="[a-zA-Z]">
    3.     <div class="form-control-position">
    4.         <i class="ft-user"></i>
    5.     </div>
    6. document.getElementById('userLogin').addEventListener('input', function() {
    7.     this.value = this.value.replace(/[^a-z]/i, '');
    8. });
    P.S. Оверквоить не нужно.
     
  7. palev221

    palev221 Новичок

    С нами с:
    6 май 2018
    Сообщения:
    9
    Симпатии:
    0
    Не помогло. Давайте спишемся вк, вы настроите сами, пожалуйста. Все обсудим в VK.
    --- Добавлено ---
    Мой VK: https://vk.com/mixail_belovs
     
  8. Deonis

    Deonis Старожил

    С нами с:
    15 фев 2013
    Сообщения:
    1.521
    Симпатии:
    504
  9. palev221

    palev221 Новичок

    С нами с:
    6 май 2018
    Сообщения:
    9
    Симпатии:
    0
    Все ровно. Я могу скинуть файл php, вы сами настроете, я не понимаю что вы пишите. Буду вам очень благодарен )

    Вот сам файл: https://yadi.sk/d/L6wtZL5i3VR9B5
     
  10. Deonis

    Deonis Старожил

    С нами с:
    15 фев 2013
    Сообщения:
    1.521
    Симпатии:
    504
    Вы показали кусок HTML-кода. Теперь замените этот кусок на тот, что я вам показал. Всё. Что тут непонятного может быть?
    --- Добавлено ---
    Было:
    HTML:
    1. <fieldset class="form-group position-relative has-icon-left">
    2. <input type="text" class="form-control form-control-md input-md" id="userLogin" value="" placeholder="Логин" >
    3. <div class="form-control-position">
    4. <i class="ft-user"></i>
    5. </div>
    Стало
    HTML:
    1. <fieldset class="form-group position-relative has-icon-left">
    2.     <input type="text" class="form-control form-control-md input-md" id="userLogin" value="" placeholder="Логин"  pattern="[a-zA-Z]">
    3.     <div class="form-control-position">
    4.         <i class="ft-user"></i>
    5.     </div>
    6. document.getElementById('userLogin').addEventListener('input', function() {
    7.     this.value = this.value.replace(/[^a-z]/i, '');
    8. });
     
  11. palev221

    palev221 Новичок

    С нами с:
    6 май 2018
    Сообщения:
    9
    Симпатии:
    0
    Я ВАМ ОЧЕНЬ БЛАГОДАРЕН) ВСЕ ЗАРАБОТАЛО, СПАСИБО ВАМ БОЛЬШОЕ.
    --- Добавлено ---
    Еще одна проблема, нужно на сайте этом: http://minvuti.website (это мой сайт) сделать так, чтобы после пополнение баланса, приходили деньги на игровой счет, как можно сделать?
     
  12. Deonis

    Deonis Старожил

    С нами с:
    15 фев 2013
    Сообщения:
    1.521
    Симпатии:
    504
    Это уже не мой профиль знаний. Ждите, когда сюда зайдет тот, кто в более тесных отношениях с игровой индустрией.