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

Question

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

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

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

Answer 1

проверка интерфейса с помощью 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>

Answer 2

Установите для свойства 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