【フロントエンドフラグメントレコード】--input入力ボックスの内容変更イベント
969 ワード
ログインまたは登録ページを実現する過程で、入力したデータを検証する必要があります.ここではインスタント検証を実現します.
以前はjq blurイベントを用いていたが,焦点を失った後にしか判断できなかった,すなわち データを入力すると、別の操作(マウスで別の場所をクリックするなど)が必要になります.都合が悪い.
次のようになります.
その後、別のブログを見ると、oninputとonporpertychangeを使用して入力の変化を即時に監視する機能が実現できることが分かった.
コードは次のとおりです.
以前はjq blurイベントを用いていたが,焦点を失った後にしか判断できなかった,すなわち データを入力すると、別の操作(マウスで別の場所をクリックするなど)が必要になります.都合が悪い.
次のようになります.
$('#changeTel').blur(function(){
...
});
その後、別のブログを見ると、oninputとonporpertychangeを使用して入力の変化を即時に監視する機能が実現できることが分かった.
コードは次のとおりです.
$('#changeTel').bind('input porpertychange', function(){
var inTel = $('#changeTel').val();
var re = /^1(3|4|5|7|8)\d{9}$/;
var rez = re.test(inTel);
if (rez == true) {
$('#tip1').css('display','block');
$('#tip1').text(' !');
} else if (inTel == '') {
$('#tip1').css('display','block');
$('#tip1').text(' !');
} else{
$('#tip1').css('display','block');
$('#tip1').text(' , !');
}
});