jQuery.validator是一個非常好用的表單驗證插件，通過它可以方便地實現表單的前端校驗功能。其中一個比較常見的需求是對輸入框的比例進行校驗，比如要求輸入框的寬高比例為4:3，可通過jQuery.validator來實現。

首先，在html頁面中引入jQuery和jQuery.validator插件：

<script src="jquery.min.js"></script>
<script src="jquery.validator.min.js"></script>

接著，在表單中設置需要校驗的輸入框：

<form id="myForm">
<label>寬度</label> <input type="text" name="width" id="width"> <br>
<label>高度</label> <input type="text" name="height" id="height"> <br>
</form>

然后，在jQuery.validator的配置中添加自定義的比例校驗方法：

$.validator.addMethod("ratio", function(value, element, param) {
var ratio = param.split(":");
var width = $("#" + ratio[0]).val();
var height = $("#" + ratio[1]).val();
if (value && width && height) {
return value === width / height * ratio[1];
}
return true;
}, "請輸入正確的比例");

其中，ratio為比例校驗方法名稱，value為輸入框的值，element為輸入框元素，param為參數，即需要驗證的兩個輸入框的id，通過split方法將參數拆分為寬度和高度的id，再分別獲取它們的值進行比較。如果校驗不符合條件，則返回"請輸入正確的比例"提示信息。

最后，在jQuery.validator的校驗規則中使用比例校驗方法：

$("#myForm").validate({
rules: {
width: "required",
height: "required",
ratio: "width:height"
},
messages: {
width: "請輸入寬度",
height: "請輸入高度",
ratio: "請輸入正確的比例"
}
});

其中，rules為校驗規則，width和height為必填項，ratio為自定義的比例校驗方法，width:height為比例校驗方法的參數，需要驗證width和height兩個輸入框。messages為校驗提示信息，分別對應校驗規則中的每個字段或方法。