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

时间:2018-02-07 02:20:42

标签: jquery django

晚上好。我需要弄清楚如何将django表单中的输入掩码应用于项目,但是,之前的尝试都没有成功。在最后一次测试中:来自input_mask.widgets import InputMask然而,也许对于我来说缺乏经验,当使用它时没有实现所需的结果。会是什么错误?或者在另一种情况下,我如何使用其他替代方案来处理这个问题?非常感谢你提前。

1 个答案:

答案 0 :(得分: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"})}

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