Twitter bootstrap 1000hz引导验证程序

我试着用1000hz的验证器对我的表单使用基本的引导HTML 5，我没有使用任何自定义查询，我也不知道。我使用了一个接受10位电话号码的文本字段。我修改了1000hz github引导验证程序示例中提供的代码。但是，当我开始键入一些数字时，它会在框的末尾显示一个勾号，而当我切换到下一个元素时，它不会显示一个x标记（根据HTML5的验证）。我只想在用户输入10位数字时显示勾号。如果返回并删除一些数字，则应显示x标记，直到输入10位。请帮忙，谢谢

<div class="form-group textareawidth has-feedback">
    <label for="mobile">Principal's Mobile number </label>
    <input type ="text"  minlength = "10" maxlength="10" class="form-control" placeholder="Enter mobile number" name = "hmmobile" id="mobile" data-error="Phone number is invalid" required>
    <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
    <span class="help-block with-errors">Please enter 10 digit number</span>
</div>

校长的手机号码
请输入10位数字

另一点是，一位用户指出我使用1000hz就足以包含validator.js。但它不起作用，我需要包含更多的文件。然后是现场工程中提供的示例。我是新手，对吗

<script src="https://cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.9.0/validator.min.js"></script>
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="{{ site.cdn_bootstrap_js }}"></script>
<script src="dist/validator.min.js"></script>
<script src="http://platform.twitter.com/widgets.js"></script>
<script src="assets/js/application.js"></script>

---

这些是包含的文件。

您必须使用数据属性

data minlength

来检查和验证输入中字符的长度

将

minlength=“10”

替换为

data minlength=“10”

校长的手机号码
请输入10位数字

您必须使用数据属性

数据最小长度

来检查和验证输入中字符的长度

将

minlength=“10”

替换为

data minlength=“10”

校长的手机号码
请输入10位数字

即使在模式^[0-9]{10}$之后，它也接受10个字符，并表示ok。我非常感谢你的回答。感谢您更新了答案和代码片段，添加了

pattern=“^[0-9]{1，}$”

并且它没有说

aaaaaaaa

是可以的，它说它是无效的。我试图包含一个php文件，其中包含填充表单中列表框的代码。但是当我在上面包含php文件时，整个表单就消失了。为什么和怎么做？Thankshange

include

to

require

，它会告诉您出了什么问题，或者启用错误报告

即使在模式^[0-9]{10}$之后，它也会接受10个字符，并说ok。我非常感谢你的回答。感谢您更新了答案和代码片段，添加了

pattern=“^[0-9]{1，}$”

并且它没有说

aaaaaaaa

是可以的，它说它是无效的。我试图包含一个php文件，其中包含填充表单中列表框的代码。但是当我在上面包含php文件时，整个表单就消失了。为什么和怎么做？Thankshange

包含
到
要求
，它会告诉您出了什么问题或启用错误报告