要求属性在移动设备上不起作用

Posted 2023-05-09

【中文标题】要求属性在移动设备上不起作用

【英文标题】：Require attributes does not work on mobile

【发布时间】：2016-09-06 13:23:18

【问题描述】：

您好，我在我的网站上使用了一个表单，但所需的属性似乎无法在移动设备上运行，它在我的浏览器上运行良好。有人对 jquery、javascript 或 node 包有疑问吗？

<form action="myaction" method = "post" enctype="multipart/form-data">
    <input type="text" id="name" pattern= .2, required />
    <input type="file" id="user_picture" required />
    <input type="submit" />
</form>

在移动设备上，即使我填写了任何字段，它也会提交，但没有任何内容添加到我的数据库中。我只是想找到一种方法来打印一些错误消息。

【问题讨论】：

检查您的移动浏览器是否支持 html5。 “required”是HTML5的一个属性，请使用支持HTML5的浏览器。

不好意思我没有复制粘贴我直接写的

事实是所有用户都不会花时间检查是否有浏览器支持HTML5，我必须实现验证

可以使用jquery验证jqueryvalidation.org，***.com/questions/15060292/…中也提到了如何使用

谢谢你，我正在寻找的东西

【参考方案1】：

您可以使用 jquery 验证https://jqueryvalidation.org/ 以及如何使用它也在此链接中提到：A simple jQuery form validation script

【参考方案2】：

Input 的“必需”属性是 html5 属性而不是 jQuery 功能。 在这里你有link，如果你向下滚动，你可以看到浏览器支持，你可以在其中检查它。如果您的浏览器不支持此属性，您可以使用其中一个 jQuery 库来处理它。

【讨论】：

是的，但问题是无论哪种方式页面都会刷新，我想要一种替代解决方案来输出错误消息。你知道吗？

您必须创建条件，您必须检查 $('input["required"]').val() 如果示例不匹配模式，那么您的 javascript 函数必须返回 false跨度>

你可以使用这个plugin