javascript - 文本字段的 Jquery 最多 3 次验证
问题描述
我正在尝试验证我的表单的文本字段不允许超过 3 个整数值。
<div class="form-group col-lg-5">
{!! Form::label('qty', 'TradedQuantity:') !!}
{!! Form::text('qty', null, ['class'=>'form-control'])!!}
</div>
$(document).ready(function() {
$('#form').validate({ // initialize the plugin
qty: {
required: true,
maxlength: 3
}
});
});
我不知道我在这里缺少什么。
我已经完成了,但是直到不工作:maxlength: 3
解决方案
问题是因为 jQuery validate() 没有max
规则。如果要限制可以输入的字符数,正确的规则名称是maxlength
。另请注意,验证规则需要放置在rules
对象中。我强烈建议您阅读插件的文档。
$('#form').validate({
rules: {
qty: {
required: true,
maxlength: 3
}
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script>
<form id="form">
<div class="form-group col-lg-5">
<label>
Traded Quantity
<input type="text" name="qty" class="form-control" />
</label>
<button type="submit">Submit</button>
</div>
</form>
请注意,您可以直接使用maxlength
HTML 属性input
。
推荐阅读
- d3.js - 条形图“日期”显示奇怪/条被按下
- lstm - 在 keras tensorflow 中将 LSTM/GRU 添加到 BERT 嵌入
- javascript - 在 Node.js 中编写高性能服务时,同步代码总是比异步代码糟糕的选择吗?
- swift - 如何创建一个可以保存多个值的文本字段,例如电子邮件至:包含多个收件人电子邮件地址的字段
- python - 对具有列表值的列使用 isin()
- javascript - 发布 TypeScript React 组件时关于 TS 类型的问题
- angular - 无法在 ngAfterViewInit 中获得一致的元素高度
- c - 可能是简单的按位移位问题
- algorithm - 查找树中两个给定顶点之间路径的最有效方法
- php - 如何在 laravel 中获取确切的错误位置