matchを使ってみる

JavaScriptのmatchを使って正規表現をいくつか試してみました。

半角数字以外が含まれているかどうか

HTML

<div id="sample1">sample123サンプル</div>
<div id="sample2">sample123</div>
<div id="sample3">123</div>

JavaScript

// sample1
var sample1 = document.getElementById('sample1').innerHTML;
console.log(checkFunc(sample1)); // 半角数字以外が含まれています
// sample2
var sample2 = document.getElementById('sample2').innerHTML;
console.log(checkFunc(sample2)); // 半角数字以外が含まれています
// sample3
var sample3 = document.getElementById('sample3').innerHTML;
console.log(checkFunc(sample3)); // 半角数字です

function checkFunc(str) {
	if(str.match(/[^0-9]/)) {
		return '半角数字以外が含まれています';
	} else {
		return '半角数字です';
	}
}

半角数字以外が含まれているかどうかのデモページ
　

半角英字以外が含まれているかどうか

HTML

<div id="sample1">sample123サンプル</div>
<div id="sample2">sample123</div>
<div id="sample3">sample</div>

JavaScript

// sample1
var sample1 = document.getElementById('sample1').innerHTML;
console.log(checkFunc(sample1)); // 半角英字以外が含まれています
// sample2
var sample2 = document.getElementById('sample2').innerHTML;
console.log(checkFunc(sample2)); // 半角英字以外が含まれています
// sample3
var sample3 = document.getElementById('sample3').innerHTML;
console.log(checkFunc(sample3)); // 半角英字です

function checkFunc(str) {
	if(str.match(/[^a-zA-Z]/)) {
		return '半角英字以外が含まれています';
	} else {
		return '半角英字です';
	}
}

半角英字以外が含まれているかどうかのデモページ
　

半角英数以外が含まれているかどうか

HTML

<div id="sample1">sample123サンプル</div>
<div id="sample2">sample_123</div>
<div id="sample3">sample123</div>

JavaScript

// sample1
var sample1 = document.getElementById('sample1').innerHTML;
console.log(checkFunc(sample1)); // 半角英数以外が含まれています
// sample2
var sample2 = document.getElementById('sample2').innerHTML;
console.log(checkFunc(sample2)); // 半角英数以外が含まれています
// sample3
var sample3 = document.getElementById('sample3').innerHTML;
console.log(checkFunc(sample3)); // 半角英数です

function checkFunc(str) {
	if(str.match(/[^0-9a-zA-Z]/)) {
		return '半角英数以外が含まれています';
	} else {
		return '半角英数です';
	}
}

半角英数以外が含まれているかどうかのデモページ
　

ひらがな以外が含まれているかどうか

HTML

<div id="sample1">sample123サンプル</div>
<div id="sample2">サンプル</div>
<div id="sample3">さぁんぷる</div>

JavaScript

// sample1
var sample1 = document.getElementById('sample1').innerHTML;
console.log(checkFunc(sample1)); // ひらがな以外が含まれています
// sample2
var sample2 = document.getElementById('sample2').innerHTML;
console.log(checkFunc(sample2)); // ひらがな以外が含まれています
// sample3
var sample3 = document.getElementById('sample3').innerHTML;
console.log(checkFunc(sample3)); // ひらがなです

function checkFunc(str) {
	if(str.match(/[^ぁ-ん]/)) {
		return 'ひらがな以外が含まれています';
	} else {
		return 'ひらがなです';
	}
}

ひらがな以外が含まれているかどうかのデモページ
　

カタカナ以外が含まれているかどうか

HTML

<div id="sample1">sample123さんぷる</div>
<div id="sample2">さんぷる</div>
<div id="sample3">サァンプル</div>

JavaScript

// sample1
var sample1 = document.getElementById('sample1').innerHTML;
console.log(checkFunc(sample1)); // カタカナ以外が含まれています
// sample2
var sample2 = document.getElementById('sample2').innerHTML;
console.log(checkFunc(sample2)); // カタカナ以外が含まれています
// sample3
var sample3 = document.getElementById('sample3').innerHTML;
console.log(checkFunc(sample3)); // カタカナです

function checkFunc(str) {
	if(str.match(/[^ァ-ン]/)) {
		return 'カタカナ以外が含まれています';
	} else {
		return 'カタカナです';
	}
}

カタカナ以外が含まれているかどうかのデモページ
　

半角英数と「@_-.」以外が含まれているかどうか

HTML

<div id="sample1">ｓａｍｐｌｅ＿１２３@test-test.jp</div>
<div id="sample2">sample_123@test?test.jp</div>
<div id="sample3">sample_123@test-test.jp</div>

JavaScript

// sample1
var sample1 = document.getElementById('sample1').innerHTML;
console.log(checkFunc(sample1)); // 半角英数と「@_-.」以外が含まれています
// sample2
var sample2 = document.getElementById('sample2').innerHTML;
console.log(checkFunc(sample2)); // 半角英数と「@_-.」以外が含まれています
// sample3
var sample3 = document.getElementById('sample3').innerHTML;
console.log(checkFunc(sample3)); // 半角英数と「@_-.」のみです

function checkFunc(str) {
	if(str.match(/[^0-9a-zA-Z@_\-.]/)) {
		return '半角英数と「@_-.」以外が含まれています';
	} else {
		return '半角英数と「@_-.」のみです';
	}
}

半角英数と「@_-.」以外が含まれているかどうかのデモページ
　

【参考サイト】

• そのまま使える正規表現集 for regExp (javascript) | 素人ときどき玄人
• 正規表現サンプル(エスケープが必要な文字)