防止无效用户输入的Javascript
我已经编写了一组javascript函数，允许我验证表单上的用户输入。我只想接受有效的输入，并强制执行以下行为： 当用户输入无效表单时，我会显示一个警报，并通知他们输入的值不正确。至关重要的是，表单中的原始（有效）值没有更改 仅当值已验证时，才会更改该值 例如，假设我只接受字段中的正整数 这是描述所需行为的事件序列 场景1（有效输入）防止无效用户输入的Javascript,javascript,jquery,Javascript,Jquery,我已经编写了一组javascript函数，允许我验证表单上的用户输入。我只想接受有效的输入，并强制执行以下行为： 当用户输入无效表单时，我会显示一个警报，并通知他们输入的值不正确。至关重要的是，表单中的原始（有效）值没有更改 仅当值已验证时，才会更改该值 例如，假设我只接受字段中的正整数 这是描述所需行为的事件序列 场景1（有效输入） 表单在输入字段中以有效默认值加载 用户类型的有效数字 更新输入字段值（按照正常形式行为） 场景2（无效输入） 表单在输入字段中以有效默认值加载 用户类型的编号无效
PS：我不想再为这个使用另一个jQuery插件。我应该能够使用jQuery+我已经编写的简单javascript验证函数。加载页面时，您不能创建一个隐藏的表单值或js变量，在其中存储字段的初始/默认值吗？当他们更改表单字段时，验证它，如果通过，则更新隐藏字段或js变量以匹配他们更新的字段 当用户提供的输入未通过验证时，显示无效条目以及错误消息，然后将表单字段更新回您已保存的值，该值将是 默认值或输入的最后一个有效值 编辑：
请注意，这只是一个快速且（非常）肮脏的例子，说明了我在上面的答案中所解释的。如果您有很多输入，您可能会希望将值存储在关联数组中，而不是以隐藏的形式存储值，但这会让您很好地理解我的建议。我还强烈建议您不要使用警告框来通知无效答案
<html>
<head>
<script type="text/javascript">
function validate()
{
var field1 = document.getElementById("field1");
var saved = document.getElementById("field1_save");
if (field1.value < 0 || field1.value > 10)
{
alert("Field1 value of " + field1.value + " is invalid");
// Change the value back to the previous valid answer
field1.value = saved.value;
return false;
}
// Save the valid input
saved.value = field1.value;
return true;
}
</script>
</head>
<body>
Test User Input
<form name="form1" id="form1" method="post">
<input name="field1" id="field1" type="text" value="2" onblur="validate();"/>
<input name="field1_save" id="field1_save" type="hidden" value="2" />
<input name="btnSubmit" type="submit" value="Submit" />
</form>
</body>
</html>
函数验证（）
{
var field1=document.getElementById（“field1”）；
var saved=document.getElementById（“field1_save”）；
如果（field1.value<0 | | field1.value>10）
{
警报（“+Field1.value+的Field1值无效”）；
//将该值更改回上一个有效答案
field1.value=保存的.value；
返回false；
}
//保存有效的输入
saved.value=field1.value；
返回true；
}
测试用户输入