jquery - 创建用于 django 表单的输入掩码

Question

晚上好。我需要弄清楚如何将 django 表单中的输入掩码应用到项目中，但是之前的尝试都没有成功。在最后一个测试中: from input_mask.widgets import InputMask 但是，也许由于我的经验不足，在使用它时没有达到预期的结果。会出现什么错误呢？或者在另一种情况下我该如何使用其他替代方案来处理这个问题？预先非常感谢您。

Answer 1

好消息!这实际上很容易。在您的模板中，确保包含 JQuery，如下所示:

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.10/jquery.mask.js"></script>

然后在创建表单字段时，只需将输入掩码传递到字段中，如下所示:

contact_number = forms.CharField(widget=forms.TextInput(attrs={'data-mask':"000-000-0000"}))

或者，如果您使用的是 ModelForm，则可以将其放置在 Meta 中，如下所示:

class Meta:
    model = Booking
    fields = ('date', 'contact_number')

    widgets = {'contact_number': forms.TextInput(attrs={'data-mask':"000-000-0000"})}

查看https://dobsondev.com/2017/04/14/using-jquery-mask-to-mask-form-input/除了此处给出的简单示例之外，如果您想获得有关如何使用 JQuery 掩码的更多信息。