html - 使用模式属性限制 Bootstrap 输入字段中的字符

标签 html validation input twitter-bootstrap-3

我在引导框架 php 页面中有以下字段。

<div class="col-xs-12 col-sm-10">
    <div class="form-group">
  <input type="text" name="inp_field1" id="inp_field1" class="form-control input-sm" placeholder="Do it here..." value='<?php echo($data_text_1)?>' required 
                                data-toggle="tooltip" title="Do it here..." tabindex="3">
    </div>
</div>

我需要限制几个字符,例如/@。如何限制特定字符。不是寻找可以允许的东西,而是寻找不能允许的东西。理想情况下,如果可以使用模式属性来完成,那就太好了。

最佳答案

尝试

<div class="col-xs-12 col-sm-10">
    <div class="form-group">
     <input type="text" name="inp_field1" id="inp_field1" 
             class="form-control input-sm" 
             placeholder="Do it here..." value='<?php echo($data_text_1)?>' 
             required data-toggle="tooltip" title="Do it here..."   
             tabindex="3"
             pattern="[^@\\]">
</div>

关于html - 使用模式属性限制 Bootstrap 输入字段中的字符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33464851/

相关文章:

ajax - 在codeigniter中使用jquery ajax进行表单验证

html - 属性inputmode : "obsolete since HTML5.2", 怎么替换呢?

c# - WPF DataGrid 验证重复项

Javascript 自动幻灯片辅助

javascript - 多个页面上的html的静态部分

javascript切换显示/隐藏div

jquery - 不引人注目的验证 : Regex validation of optional field

input - Modal Open Bootstrap 4 上的自动对焦输入元素

javascript - 从 JavaScript 中的输入文本框获取数组

javascript - 将 onclick 和 onmouseover 添加到 canvas 元素