html5 – 使用pattern属性限制bootstrap输入字段中的字符

2023年9月27日 527次阅读

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

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

最佳答案 尝试

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