Question

我有一个客户在网上商店遇到问题，客户将表情符号和特殊字符放入某个文本输入字段。我们只希望它们能够使用空格，数字，字母和带有重音符号和变音符号的字母等。当我尝试这个解决方案时，它起作用了。

pattern="[ A-zÀ-ÿ0-9]"

问题是，除了Safari之外，它适用于我们测试过的每个浏览器。我是一个严肃的Javascript n00b;我自己成功编写了JQuery和Javascript函数，完成了我需要他们做的事情，但我的问题有两个：

我如何编写一个复制此模式功能的vanilla JS或JQuery函数？
更重要的是（因为我已经看到的可能的解决方案已经省略了这些信息），我如何将它实际链接到输入以便它首先起作用？

感谢您提供给我的任何帮助！

Answer 1

固定！答案非常容易。根据本网站填充的polyfill：

http://www.useragentman.com/blog/2010/07/27/creating-cross-browser-html5-forms-now-using-modernizr-webforms2-and-html5widgets-2/

这里大致是我使用过的代码。事实证明，另一个开发者已经添加了整个Modernizr.min.js脚本来修复另一个问题。

<script type="text/javascript" src="/path/js/Modernizr-2.5.3.forms.js"></script>

<script type="text/javascript" data-webforms2-support="validation" src="/path/js/html5Forms.js" ></script>

链接到两个站点以下载Modernizr和HTML5表单，以方便遇到同样问题的任何用户。

https://modernizr.com/download?setclasses&q=input%20pattern https://github.com/zoltan-dulac/html5Forms.js/tree/master

如何复制＆＃34;模式＆＃34; Safari的属性？

1 个答案: