2016-11-30 51 views
0

如何確保用戶在表單上的兩個數字之間輸入值?在這種情況下,其中一個框會要求用戶輸入他們的GPA。我需要確保數爲0 4之間,他們無法點擊,直到數爲4介於0和JavaScript ---如何制定規則以確保用戶輸入兩個特定數字之間的值

我可以這樣做的提交按鈕:

GPA: { 
min: 0, 
max: 4 
} 

如果你看一下下面的代碼我已經有一個規則(需要學生ID輸入框)...我如何將GPA規則納入那裏?

$(document).ready(function(){ 
$('#studentID').focus(); 
//validate form 
$('#tuition').validate({ 
rules: { 
    studentID: { 
     required: true, 
    } 
},//end rules 

messages: { 
    studentID: { 
     required: "Please enter your student ID.", 
    } 
},//end messages  

});//end validate 

//School auto-complete 

回答

1

你會使用range選項

$('#tuition').validate({ 
    rules: { 
     studentID: { 
      required: true, 
     }, 
     GPA: { 
      range : [0, 4] 
     } 
    }, 
    messages: { 
     studentID: { 
      required: "Please enter your student ID." 
     }, 
     GPA: { 
      range: "Please enter a number between 0 and 4." 
     } 
    } 
}); 
+0

所以簡單。謝謝! 我試過rangelength:[0,4] 我很明顯是一個初學者 –

+0

@JeffDoe,你爲什麼沒有嘗試你在問題的頂部提到的代碼? 'GPA:{min:0,max:4}'也可以正常工作。 – Sparky

+0

'範圍'不是一個「選項」...這是一個「方法」......請參閱:https://jqueryvalidation.org/category/methods/#range-method – Sparky

1

你並不真的需要使用Javascript這裏,只需使用minmax屬性在input標籤是這樣的:

<input type="number" min="0" max="4" /> 
+0

OP詢問如何使用jQuery Validation插件...並非如何使用HTML5驗證規則。 – Sparky

+0

@ Sparky,當然,OP可以使用他喜歡的任何方法,我只是提供了另一種方式 –

相關問題