在此之前，我很抱歉關于此的基本問題。但是，我真的被這個問題困住了。下面的代碼是我迄今為止嘗試過的代碼，但它不起作用。
<form id="order_form">
<input type="text" name="order_amount" id="order_amount"/>
<div class="form-group">
<input type="radio" value="60" name="timer-radio"/>
<input type="radio" value="90" name="timer-radio"/>
<input type="radio" value="120" name="timer-radio"/>
</div>
<input type="submit" value="Submit"/>
</form>
<script>
var validator = $('#order_form').validate({
rules: {
order_amount: {
required: true,
min: 1,
max: currentBalance,
}
},
messages: {
order_amount: {
required: 'Order Amount Required',
},
timer-radio: {
number: true
},
},
errorPlacement: function (error, element) {
error.insertAfter(element);
},
highlight: function (element) {
$(element).addClass('error');
},
submitHandler: handleSubmitOrder,
});
function handleSubmitOrder(_, event) {
event.preventDefault();
}
</script>
那么，如何為無線電輸入添加規則？
uj5u.com熱心網友回復：
請記住，-在timer-radio使用 jQuery Validate-use 時避免在輸入名稱中使用timer_radio。否則對于無線電組，您可以只指定組中輸入的名稱。另請參閱在所有單選按鈕輸入之后放置錯誤容器是多么容易。
為了避免額外的問題，你的提交按鈕不應該有名稱，submit而是其他的東西，以防你form.submit()在驗證器提交處理程式成功時使用。
function handleSubmitOrder(e) {
e.preventDefault();
}
$(function(){
var validator = $('#order_form').validate({
rules: {
order_amount: {
required: true,
min: 1,
max: 100
},
timer_radio: {
required: true
}
},
messages: {
order_amount: {
required: 'Order Amount Required'
},
timer_radio: {
required: 'Selection Required'
},
},
errorPlacement: function (error, element) {
var group = element.attr('name') == 'timer_radio'?element.siblings().last():element;
error.insertAfter(group);
},
highlight: function (element) {
$(element).addClass('error');
},
submitHandler: handleSubmitOrder
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.3/jquery.validate.min.js"></script>
<form id="order_form">
<input type="text" name="order_amount" id="order_amount"/>
<div class="form-group">
<input type="radio" value="60" name="timer_radio"/>
<input type="radio" value="90" name="timer_radio"/>
<input type="radio" value="120" name="timer_radio"/>
</div>
<input type="submit" value="Submit"/>
</form>轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/334613.html
下一篇：使用js單擊按鈕復制到剪貼板