有一些文本输入字段( 3+ )如下:
A:__ B:__ C:__
js将在聚焦输入字段时验证值,如果无效,我希望它仍然聚焦在当前字段中,但无法做到,这是我的代码:
HTML:
<div class="input-short">
<input type="text" data-mini="true" id="no1" name="no1" maxlength="2" placeholder="#1" />
</div>
<div class="input-short">
<input type="text" data-mini="true" id="no2" name="no2" maxlength="2" placeholder="#2" />
</div>
<div class="input-short">
<input type="text" data-mini="true" id="no3" name="no3" maxlength="2" placeholder="#3" />
</div>
CSS:
.input-short {
float: left;
width: 35px;
}
JS:
$('#no1').focusout(function(){
if( $(this).val() == "" ||
$(this).val() == $('#no2').val() ||
$(this).val() == $('#no3').val() )
{
alert( "no" );
$(this).focus();
}
});
$('#no2').focusout(function(){
if( $(this).val() == "" ||
$(this).val() == $('#no1').val() ||
$(this).val() == $('#no3').val() )
{
alert( "no" );
$(this).focus();
}
});
“$(this).focus();” 不起作用,它会专注于下一个输入字段,如何仅在输入值有效时才允许它聚焦?