我制作了這個應該可以正常作業的簡單表格。我似乎無法找到問題。它運行良好,直到數字欄位(長度和寬度)的輸入為 9,但是當我輸入 10 及以上時,它會要求更大的數字。
這是代碼:
HTML
<div class="form-group col-md">
<label class="form-label mb-1 text-2" for="length">Length</label>
<input type="number" class="form-control text-3 h-auto py-2 sizes-units" name="length" id="length" value="{{ Request::Input('length') }}">
</div>
<div class="form-group col-md">
<label class="form-label mb-1 text-2" for="width">Width</label>
<input type="number" class="form-control text-3 h-auto py-2 sizes-units" name="width" id="width" value="{{ Request::Input('width') }}">
</div>
<div class="form-group col-md">
<label class="form-label mb-1 text-2" for="height">Height</label>
<input type="number" class="form-control text-3 h-auto py-2 sizes-units" name="height" id="height" value="{{ Request::Input('height') }}">
</div>
查詢
rules: {
length: {
required: true,
min: 2,
max: 30,
greaterThanEqual: "#height",
},
width: {
required: true,
min: 2,
max: 30,
greaterThanEqual: "#height",
},
height: {
required: true,
min: 1,
max: 7,
}
}
如果這可能是一個愚蠢的問題,我很抱歉。我只在 php 和 laravel 中作業過。通過使用預先構建的所有內容或使用服務器端驗證,我基本上能夠避免使用任何 javascript。在這種情況下我不能,因為這個表格應該在同一頁面上計算定價并且使用“獲取”請求所以......
uj5u.com熱心網友回復:
首先,我假設您使用 jQuery Validate 作為驗證插件 - 您尚未指定。
我不能 100% 確定,但我很確定是您的“大于等于”規則至少導致了一些問題。
編輯 :
既然你已經確認你正在使用https://github.com/jquery-validation/jquery-validation/blob/master/src/additional/greaterThanEqual.js方法,那么從我的測驗來看,它應該只是一個例子改變:
return value >= target.val();
到
return value >= parseInt(target.val());
如您所料,將值轉換為整數,而不是字串。這現在似乎有效。
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/358726.html
