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

标签 javascript jquery forms jquery-validate

如何确保用户在表单上输入的值介于两个数字之间?在这种情况下,其中一个框会要求用户输入他们的 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

最佳答案

这里实际上并不需要 Javascript,只需在 input 标记中使用 minmax 属性,如下所示:

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

关于JavaScript --- 如何制定规则来确保用户输入两个特定数字之间的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40897713/

相关文章:

javascript - 如果文本值不起作用,请从按钮中删除禁用的属性

javascript - Apollo MockedProvider 总是返回未定义的数据字段,即使在加载之后

javascript - JQuery UI Draggable - 如何知道元素是否已初始化为可拖动?

jquery - 复制 stackoverflow 问题页面中使用的标签文本框的最简单方法是什么

提交后,带有下拉列表的 php javascript 表单在我的 _GET 中有 %24

ruby-on-rails - Rails 3. 使用复选框在一列中显示多个值

javascript - 路由器在 Express.js 中返回 404

javascript - 猫头鹰 Carousal2 与项目 1 和循环 true

jquery - 在没有 jQuery 可拖动的情况下通过拖动左/上边框来调整 div 的高度/宽度?

CSS:无论实际图像大小如何,都设置表单字段图像尺寸