在使用javascript的输入字段上只接受20的倍数（例如40,60,80）？

我是javascript的新手。我需要一个使用javascript进行表单验证的重要帮助。下面是我需要脚本执行的内容

当用户填写表单并输入20的倍数以外的数字（如40、60、80100）时，他应该会收到警报

示例：如果在输入字段中输入45，则会出现类似“您输入了无效金额”的错误

{else}

---

邮寄表格

尝试使用

%

（模数）运算符

---

请参见一个简单的示例，Kooilnc是正确的，但这里有一个更完整的解决方案：

提交
//注意：jQuery是必需的
jQuery（'[name=“numberForm”]'）。绑定(
“提交”，
功能（evt）{
if（jQuery（'[name=“number”]'）.val（）%20！=0）{
警报（“您的号码错了”）；
evt.preventDefault（）；
}
}
);

我建议您使用

%

而不是regex，因为在jQuery中它要整洁得多。

if($('#input_id').val() % 20 != 0)
{
    $('#input_id').val('');
    alert('You have entered an invalid amount.');
} 
else 
{ 
    //success
} 

---

您是否有一个示例代码尝试这样做，但失败了？您应该向我们展示您尝试过的内容，并告诉我们为什么它不够。您可以帮助我提供一个示例代码吗。那太好了。对于这个回复我非常抱歉。嗨@Shaikat，我已经将一个JSFIDLE与一些示例代码链接在一起。请参阅编辑后的答案。查看我答案中的链接，获取示例代码：请将代码也包含在您的答案中。如果链接不可用，你的答案就没用了。很好。我以后会这样做的。两者兼备没有坏处。

<form name="numberForm">
    <input type="number" name="number" />
    <button type="submit">submit</button>
</form>
<script>
    // NB: jQuery is required
    jQuery('[name="numberForm"]').bind(
        'submit',
        function(evt) {
            if(jQuery('[name="number"]').val() % 20 != 0) {
                alert('Your number is wrong');
                evt.preventDefault();
            }
        }
    );
</script>

if($('#input_id').val() % 20 != 0)
{
    $('#input_id').val('');
    alert('You have entered an invalid amount.');
} 
else 
{ 
    //success
}