テキストボックスに入力されたテキストが
整数かどうかをチェックします。
1
2
3
4
5
6
7
8
9
| function checkTxt(event){
var str = document.getElementById('txt_box').value;
var regexp = /^-?d+$/;
var output = document.getElementById('outputMesse'); if(regexp.test(str)){
output.innerHTML = '';
} else {
output.innerHTML = '数値ではありません';
}
} |
function checkTxt(event){
var str = document.getElementById('txt_box').value;
var regexp = /^-?d+$/;
var output = document.getElementById('outputMesse'); if(regexp.test(str)){
output.innerHTML = '';
} else {
output.innerHTML = '数値ではありません';
}
}
2行目でテキストボックスから値を取得。
3行目で正規表現パターンを設定。
5行目で「test」メソッドを利用して、取得したテキストが正規表現パターンに当てはまっているかをチェックします。
基本的には定義する正規表現パターンを変えることで、いろいろ幅広く対応できるというわけ。この正規表現というやつがちょっと難しくてよくわかってませんが、こういうのがあると入力するユーザーは助かりますよね。
例として正規表現パターン部分を以下に。
1
2
3
4
5
| //メールアドレスチェック
var regexp = /^[w-.]+@[w-.]+$/;
//URLチェック
var regexp = /^http(s)?://([w-]+).([w-.]+)/([w-./#]*)$/ |
//メールアドレスチェック
var regexp = /^[w-.]+@[w-.]+$/;
//URLチェック
var regexp = /^http(s)?://([w-]+).([w-.]+)/([w-./#]*)$/
▼基本から勉強するならコレ！
