Question

我正在开发一个基于open edx的项目。我在Userprofile模型中添加了phone_number字段，以便在用户注册时需要电话号码。电话号码必须是11位数。

如何在注册表单的电话号码字段中添加约束？

另外：我的老板要求我通过javascript添加此约束，不更改python文件。我坚持下去了。需要帮助。

Answer 1

将HTML输入的maxlength属性设置为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>

如何在Openedx上添加注册表单验证条件？

2 个答案: