如何限制特殊字符在html文本框中输入和粘贴

时间:2018-04-13 07:34:36

标签: jquery html html5 mouseevent keyboard-events

我有一个用于输入用户名的文本输入框。我想限制特殊字符和数字在该框中输入(在提交按钮单击后不显示错误。避免键盘和鼠标键入和粘贴)。我遇到了一些javascipt代码来限制键盘和鼠标事件(如按键等)。但我认为通过添加一些html属性或添加一些引导程序框架类,可能有更好的方法。

我尝试了以下代码(ruby on rails):

<%= f.text_field :fname,  required: true, placeholder: "First Name", class: "form-control",:pattern => "^[a-zA-Z0-9]+$" %> 

然而,这是在提交按钮单击

后触发错误

我在我的应用程序中使用JQuery。

1 个答案:

答案 0 :(得分:0)

您可以使用input masks。有许多jquery插件可以帮助你这样做。

检查此stackoverflow问题以获取演示和答案:

How to restrict special characters in a certain form field