引导表单输入仅接受文本

Posted 2023-05-08

【中文标题】引导表单输入仅接受文本

【英文标题】：bootstrap form input accept text only

【发布时间】：2015-10-19 18:27:06

【问题描述】：

尝试创建联系表格，发现在姓名输入框中可以输入任何字符（即~/%@#等）和数字。

<form>
  <label class="control-label" for="name">Full Name</label>
  <input type="text" class="form-control" name="name" id="name" maxlength="30">
</form>

是否有一个引导类或 jQuery 函数可以添加到 restrict name 输入框，只允许 26 个字母？ （或者至少不允许数值......）任何帮助将不胜感激:)

【参考方案1】：

你可以用一些 jquery 来做到这一点。像这样的东西：http://jsfiddle.net/ddan/ka52kdLv/2

<input class="alphaonly">

$('.alphaonly').bind('keyup blur',function() 
    var node = $(this);
    node.val(node.val().replace(/[^a-z ]/g,'') ); 
);

或者对于一个漂亮的解决方案，您可以查看一些验证库。

【讨论】：

非常感谢丹的意见！这确实有效，但我想要更漂亮的东西:) 当你说验证库时，你的意思是引导验证状态-getbootstrap.com/css/#forms-control-validation?

@DDan 我怎样才能让你的 jQuery 在输入中使用空格键？

是的，我在想像 validate.js 之类的东西 更新为允许 sapce：jsfiddle.net/ddan/ka52kdLv/2