0

有一些文本输入字段( 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();” 不起作用,它会专注于下一个输入字段,如何仅在输入值有效时才允许它聚焦?

4

0 回答 0