JavaScript --- 如何制定规则以确保用户输入的值介于两个特定数字之间

Posted 2023-05-09

【中文标题】JavaScript --- 如何制定规则以确保用户输入的值介于两个特定数字之间

【英文标题】：JavaScript --- How can I make a rule to make sure a user entered a value between two specific numbers

【发布时间】：2017-04-15 07:52:24

【问题描述】：

如何确保用户在表单上输入了两个数字之间的值？在这种情况下，其中一个框要求用户输入他们的 GPA。我需要确保数字在 0 到 4 之间。直到数字在 0 到 4 之间，他们才能点击提交按钮。

我可以这样做吗：

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】：

您实际上并不需要 javascript，只需在您的 input 标记中使用 min 和 max 属性，如下所示：

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

【讨论】：

OP 询问的是如何使用 jQuery 验证插件...而不是如何使用 html5 验证规则。

@Sparky，当然，OP 可以使用他喜欢的任何方法，我只是提供了另一种方法

【参考方案2】：

您将使用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."
        
    
);

【讨论】：

如此简单。谢谢！我试过 rangelength: [0,4] 我显然是初学者

@JeffDoe，您为什么不尝试您在问题顶部提到的代码？ GPA: min: 0, max: 4 也可以正常工作。

range 不是“选项”……它是“方法”……见：jqueryvalidation.org/category/methods/#range-method

我确实尝试过：GPA: min: 0, max: 4 ，但没有成功。

@JeffDoe，奇怪。为我工作。请参阅：文档中的 min 和 max。