时间戳

首页 > 解决方案 > 如何在不重新加载网页的情况下验证网页字段中的输入？

html - 如何在不重新加载网页的情况下验证网页字段中的输入？

问题描述

（我是 django 和 html 的初学者）如何在获取用户输入的同时清除特定字段中的垃圾邮件条目？此外，如何在不重新加载网页的情况下向用户显示输入的值不被接受的消息，因为它是垃圾邮件。

场地

例如，在图像显示的字段中，如果用户输入一个数字或类似 test123 之类的东西或其他不是正确名称的东西，我的网页应该向用户显示一条消息，而不加载网页，表明输入的值无效. 我也可以放置一个显示验证的按钮来验证此名称字段值。如何使用 Django+html+jquery 实现这一点？

标签： htmljquerydjangoajax

解决方案

最简单的方法是使用模式属性：

<input type="text" pattern="[A-zÀ-ž][A-zÀ-ž\s]+">

当您提交表单时，浏览器会自动检查。

A-z代表：拉丁字符。

À-ž代表变音符号。

\s代表空间。

请注意，上述模式要求名称以字母开头并且至少包含 2 个字符才有效。

在 Django 中，您可以像这样定义表单字段：

full_name = forms.CharField(label='Full name', widget=forms.TextInput(attrs={"pattern":"[A-zÀ-ž][A-zÀ-ž\s]+"}))

推荐阅读