模式不起作用的输入

时间:2015-02-13 作者:Benjamin

在管理小部件上。php页面我试图在输入上设置一个模式,只允许数字。如果我输入了一个无效字符,如非数字,它仍会接受它,当我在输入中保存带有无效字符的小部件时,它也会接受它。

以下是我使用的模式:

required pattern="[0-9]{3}"
以下是输入标记:

<input type="text" value="200" maxlength="3" required="" pattern="[0-9]{3}" title="Three or less digit numbers only" class="widefat" id="widget_categories_v2-4-menu_width" name="widget_categories_v2[4][menu_width]">
不知道为什么,但当我检查Chrome中的输入时,它会添加="" 到require字段required pattern="[0-9]{3}", 这有关系吗?

当我击中\'enter\' key 它会通知用户输入格式错误,这是好的。但我还是希望,在小部件上键入或点击保存按钮时,它不会接受格式错误的输入。我是否需要将此逻辑添加到一些javascript中?

重要的是,我要让它工作,因为输入字段用于设置元素的宽度,其中不能有非数字。

谢谢

1 个回复
SO网友:TheDeadMedic

很可能是因为小部件是通过AJAX保存的,而且据我所知,提交处理程序将绕过任何HTML5输入规则,除非它们使用JavaScript显式检查。

最好的方法是验证/清理数据服务器端,并在出现输入错误时传回所有消息。

添加铬="" 只是控制台的一个细微差别-它不是您实际的标记,而是解释的DOM。

结束

相关推荐

在WordPress搜索表单中将<input type=“Submit”>替换为<Button type=“Submit”>是否保存

我这样问是因为有一个庞大的用户群,并且可能与插件发生冲突。我的意思是,2013年的主题以按钮为目标.searchform [type=\"submit\"] 即使是它也有.searchsubmit 不管怎样,还是要上课。可能是因为一些CSS的特殊性和一些声明不知道的东西。但乍一看,这对我来说没有多大意义。但无论如何,这与主题无关。你猜有多少插件会因为目标不是由类决定而失败?我需要更喜欢这个按钮,因为它可以正确地与引导一起工作.input-group stuff和input没有。中的值不适用于其截止宽度。文