は、キーアップ機能の終了時に長さを確認する必要があります

Question

長さとメッセージの長さをチェックするkeyup関数を書きましたが、入力欄の終了時に5桁未満になるように5桁になるように編集しています。私はそれでonblurrを持っており、それが働いたが、私は、フィールドをクリックした場合（変更スペースか何かをしないと私はエラーフィールド0エラーが発生します終了しています。誰かが

   $.fn.moRate = function (myLength) { 
    fieldVal=$(this).val(); 

return this.each(function() { 

$(this).keyup(function() { 
    fieldValue=$(this).val(); 
if (!/^[0-9][.]+$/.test($(this).val()) ) { 
$(this).val($(this).val().replace(/[^0-9][.]/g, '')); 
} 
    if (fieldValue.length>myLength) 
{ 
this.value=fieldValue.substr(0,myLength); 
var myThis=$(this).attr('id'); 

moAlert('Number Only Field','You have reached the field length: '+myLength,$(this)) 
    } 
}); 
    $(this).blur(function(){ 

if ($(this).val()==='') 
{ $(this).val(fieldVal)} 

if (fieldValue.length!=5){alert('Rate must be 5 digits including decimal')} 


}); 
}); 

}; 


}; 

Answer 1

あなたが使用することができ、より良い方法のよう助言することができますrequired属性、RegExp\d+\.\d+|\.\d+とpattern属性、maxlength6に設定された属性、css:focus、:invalid擬似セレクタとtitle属性入力が無効

input:focus:invalid + [for="input"]:after { 
 
    content: "Rate must be 5 digits including decimal"; 
 
    color: red; 
 
}

<form> 
 
    <input id="input" 
 
     type="text" 
 
     pattern="\d+\.\d+|\.\d+" 
 
     maxlength="6" 
 
     title="Required input: five digits including a decimal" 
 
     required /><label for="input"></label><br> 
 
    <input type="submit" /> 
 
</form>

0である場合、メッセージを表示します