验证的重点是错误,AND引用THIS元素
validation focus on error, AND referring to THIS element
很抱歉出现超基础问题,
我正在对Change进行验证——它的行为在一定程度上符合预期——它只允许你继续。。。
这是我的"简单"要求。。。一个字段具有它将接受的值的范围。(即0-3、1-5、1-10…(我正在调用onChange函数,当输入范围内的某个值以外的值时。。。我想要一个警报,焦点保持在该字段(甚至可能清除错误值(
我的代码-工作到它发送警报的地步-然而,一旦您单击警报的"确定",焦点就移到了下一个元素,"坏"数据仍在字段中。。。
我知道有一种方法可以引用"调用"函数的元素,但我不知道语法,但应该很容易集中注意力并清除元素???正确的
代码:
<form name="FRM_SCORING" id="FRM_SCORING" action="" >
<input type="text" name="AOS1" onchange="checkrange(this.value,0,1);">
<input type="text" name="AOS2" onchange="checkrange(this.value,0,3);">
</form>
<script>
function checkrange(object_value, min_value, max_value) {
//--- remove leading and trailing spaces
var trimmed_object_value = trim(object_value);
var temp_object_value = trimmed_object_value;
alert ("You've entered a value that is not allowed. 'nCheck the range of numbers allowed for this 'answer'.");
//--- if less than minimum or greater than maximum, return false ---//
if ( isNaN(trimmed_object_value) ||
(trimmed_object_value < min_value) || (trimmed_object_value > max_value)
) {
alert ("You've entered a value that is not allowed.");
return false;
}
}
</script>
您有两种可能性:
将元素作为另一个参数传递,或者使用call
[MDN]显式设置this
在函数内部应该引用的内容:checkrange(this.value,0,1).call(this)
。
相关文章:
- 引用对象中的通用值
- 如何在JavaScript中将字符串转换为函数引用
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- 在动态创建的元素上获取对特定选择器的引用
- IIFE中的函数引用不可用
- 如何通过引用var Using DataTables来进行分页或排序
- 如何在创建键时引用来自同一对象的键
- Datatables:通过DOM数据源中的名称引用列
- 自引用回调
- 引用类变量中的原型方法
- 无法获取属性'selectedIndex'的未定义引用或null引用
- Selenium WebDriver and JavaScript change
- Vanilla JS通过引用移除数组元素
- 通过引用传递JavaScript对象
- 无法获取属性'Id'使用Knockout.js的未定义或空引用API
- "“;变量未引用正确的对象
- 获取对使用Tampermonkey使用javascript创建的元素的引用
- 引用vue.js中v-for中的上一个值
- 在gump和nodejs中使用Typescript时,未定义对require和exports的引用
- 验证的重点是错误,AND引用THIS元素