Как добавить условие проверки регистрационной формы на Openedx?

Question

Я работаю над проектом на основе открытого edx. Я добавил поле phone_number в модель Userprofile, чтобы при регистрации пользователей требовался номер телефона. Номер телефона должен быть 11 цифр.

Как добавить ограничение на номер телефона поля регистрационной формы?

Дополнение: мой босс требует, чтобы я добавил это ограничение через javascript, без изменений в файлах python. Я застрял на этом. Нужна помощь.

Answer 1

Установите для свойства maxlength на входе HTML значение 11 или, желательно, используйте это. Это подтвердит его регулярное выражение. Вы также можете указать местозаполнитель, чтобы помочь им узнать формат ввода номера.

<form action="/">
  <input type=“number” name="phone" pattern="[0-9]{11}" required>
  <input type="submit" value="Submit">
</form>

Смотрите также: https://www.w3schools.com/tags/tag_input.asp

Answer 2

Проверка интерфейса с помощью Jquery:

<script type='text/javascript'>
$('#your_form').submit(function(){
    var phone = $("#id_phone_number");

    if (!phone || typeof(phone) == undefined){
         alert("Phone number required");
         return false;
    }else if (phone.length != 11){
         alert("phone number invalid, 11 digits required");
         return false;
    }
    return true;
});
</script>