javascript - 多个输入的验证功能

Question

我有一个带有 2 个数字输入的表单，我正在尝试使用 jQuery Validation 插件对其进行验证。我希望仅当值的总和小于或等于 10 时才允许提交表单。例如，我希望允许 3 和 6，但不允许 7 和 8。我该怎么做？

我能够想出一些可行的方法，但我认为将规则任意应用于一个输入并使用该输入上的属性来引用另一个输入是不优雅和脆弱的。我查看了该插件的文档，但没有看到任何定义用于多个输入的验证器的方法。谁能想到更简单的方法？

Answer 1

至于 jquery 验证插件。不，更简单的方法。是的，用普通的 javascript 编写你自己的。

function mySubmitfuntcion()
{
var myvar1 = document.GetElementById("1").value;
var myvar2 = document.GetElementById("2").value;

if(myvar1 + myvar2 <= 10) { 
return true;
}

else {
alert("Please enter valid values");

return false;
} // end if
} // end function

返回 false 会阻止 mySubmitfunction() 完成。

根据我的经验，编写自定义验证脚本效果更好，因为您拥有更多控制权。请记住将验证功能添加到按钮或表单 onsubmit 事件。