jQuery验证:比较两个字段
jQuery验证:比较两个字段
提问于 2015-09-15 21:18:44
我想检查在一个字段中输入的值是否小于在其他字段中输入的值。
Html：
<form id="bid_form_id">
<input type="text" name="bid_price" id="bid_price_id" value="">
<input type="text" name="bid_auto_decrement" id="bid_auto_decrement_id" value="">
</form>jQuery：
<script>
jQuery(document).ready(function ($) {
$.validator.addMethod('le', function (value, element, param) {
return this.optional(element) || value <= $(param).val();
}, 'Invalid value');
$('#bid_form_id').validate({
errorElement: "small",
rules: {
bid_price:
{
required: true,
number: true
},
bid_auto_decrement:
{
required: true,
number: true,
le: '#bid_price_id'
}
},
messages: {
bid_auto_derement: {le: 'Must be less than bid price.'}
}
});
});
</script>'bid_auto_decrement‘值应小于'bid_price’值。这个脚本第一次起作用。如果我在第二个字段中输入更大的值，它会显示'invalid value‘，但之后如果我输入正确的值，它仍然会显示错误。
Stack Overflow用户
发布于 2015-09-15 21:47:05
您可以使用：
$(function() {
//Catch the forms submit event.
$("FORM#bid_form_id").on("change", function(evt) {
//Setup variables
var valid = false;
var max = $("#bid_price_id", this);
var cur = $("#bid_auto_decrement_id", this);
//Is the bid valid?
valid = (parseInt(max.val()) > 0 && parseInt(max.val()) > parseInt(cur.val()) ? true : false);
//If the bid is not valid...
if ( !valid ) {
//Stop the form from submitting
evt.preventDefault();
//Provide an error message (sorry for te use of alert!)
alert("Oops!\n\nPlease make sure your bid is smaller than the previous.");
//Focus on our textbox
$("#bid_auto_decrement_id").focus();
}
//If the form is valid, it will submit as normal.
});
});虽然我知道这没有使用您的jQuery验证器，但它展示了比较两个可预测值的基本原理。
我希望这能帮到你。我还没有运行过这段代码。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32587177
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号