使用模式属性限制引导输入字段中的字符

时间:2015-11-01 17:14:11

标签: html5 validation input twitter-bootstrap-3

我在bootstrap框架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>

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

1 个答案:

答案 0 :(得分:2)

尝试

<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>