javascript - 在 JQuery 中动态设置输入验证范围

标签 javascript jquery jquery-autocomplete jquery-validate

预先感谢您查看此内容。 :-)

表单验证本身适用于仅需要该字段的其他项目 - 这没有问题。

我正在尝试动态设置自动完成验证的数字范围。
我正在使用 bassistance.de JQuery 验证发现 here .

在选择时,我正在调用一个函数,但需要将其添加到 .validate() 代码中,而不是它自己的函数(我认为),但现在确定如何组合它们。 自动完成是一个由多个输入调用的通用函数。

<script>
   $().ready(function() {
       // validate the form when it is submitted
       $("#form4100").validate();
   });
</script>
<script>
function Autocomplete(numberLocation,nameLocation,dscLocation,chargeLocation,amountLocation) {
    select: function( event, ui ) {          
            $(numberLocation).val( ui.item.value );
            $(nameLocation).html( ui.item.desc );                     
            alert("Minimum Investment: "+ui.item.minimum);
            setvalidation(amountLocation,ui.item.minimum);
            return false;
    }        
}

function setvalidation(amountLocation,minimum){
    alert("validation function launched");
    amountLocation.validate({
      rules: {
        field: {
          required: true,
          range: [minimum, 5000000]
        }
      }
    });    
}
</script>

谢谢!

最佳答案

我发现(在进一步阅读有关验证插件的文档后)有一个 .rules add 方法。所以.select可以调用这个函数:

function setvalidation(amountLocation,minimum){
    amountLocation.rules("add",{
                  required: true,
                  range: [minimum, 5000000],
                  messages: {
                      range: "$ "+minimum + " Minimum"
                 }                             
    }); 
}

关于javascript - 在 JQuery 中动态设置输入验证范围,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8403982/

相关文章:

javascript - 指令内未触发滚动事件 - angular.js

javascript - 如何从 JavaScript 函数中获取值?

javascript - SharePoint 2013 - 功能区中的保存按钮 - 如果表单无效则取消保存

javascript - 为什么当我更改它们的源属性时我的图像没有改变 -JQuery Mobile & Phone Gap

jquery - CakePhp Ajax 自动完成

javascript - 使用 Jquery 自动完成处理 "No results"

javascript - 在下拉菜单中输入字符时,它会从选项中选择任何随机匹配项并触发更改事件

javascript - 发出 http 请求的访问控制 header 问题

javascript - 如何处理键中的哈希,mustache.js?

jQuery 自动完成.data ("autocomplete")未定义