MovableType.net フォームのバリデーション

らら
らら

はじめに

メモ用に、MovableType.net フォームのバリデーションをコピペでつかえるように・・

2－3個チェックしたけど、設置後は自分でチェックしてね・・おいらも含めて。w

設置例

コピペエリア

1行テキストの部分を自分の定義した名前に置き換えてね

下記の2行は、１つで・・・


window.MTNetFormDataLayer = window.MTNetFormDataLayer || [];
function MTNetForm() { MTNetFormDataLayer.push(arguments); }

カタカナ


window.MTNetFormDataLayer = window.MTNetFormDataLayer || [];
function MTNetForm() { MTNetFormDataLayer.push(arguments); }
MTNetForm("validator", [
	{
		id: "1行テキスト",
		validator: function(value) {
			if(!/^[\u30A0-\u30FF|\s]+$/.test(value)) {
				return "このフィールドはカタカナで入力してください。";
			}
		}
	}
]);

ひらがな


window.MTNetFormDataLayer = window.MTNetFormDataLayer || [];
function MTNetForm() { MTNetFormDataLayer.push(arguments); }
MTNetForm("validator", [
	{
		id: "1行テキスト",
		validator: function(value) {
			if(!/^[\u3040-\u309F|\s]+$/.test(value)) {
				return "このフィールドはひらがなで入力してください。";
			}
		}
	}
]);

携帯番号


window.MTNetFormDataLayer = window.MTNetFormDataLayer || [];
function MTNetForm() { MTNetFormDataLayer.push(arguments); }
MTNetForm("validator", [
	{
		id: "1行テキスト",
		validator: function(value) {
			if(!/^\d{3}-\d{4}-\d{4}$|^\d{11}$/.test(value)) {
				return "このフィールドは携帯番号形式で入力してください。";
			}
		}
	}
]);

電話番号&携帯番号


window.MTNetFormDataLayer = window.MTNetFormDataLayer || [];
function MTNetForm() { MTNetFormDataLayer.push(arguments); }
MTNetForm("validator", [
	{
		id: "1行テキスト",
		validator: function(value) {
			if(!/^([\+][0-9]{1,3}([ \.\-])?)?([\(][0-9]{1,6}[\)])?([0-9 \.\-]{1,32})(([A-Za-z \:]{1,11})?[0-9]{1,4}?)$/.test(value)) {
				return "このフィールドは電話番号形式で入力してください。";
			}
		}
	}
]);

郵便番号


window.MTNetFormDataLayer = window.MTNetFormDataLayer || [];
function MTNetForm() { MTNetFormDataLayer.push(arguments); }
MTNetForm("validator", [
	{
		id: "1行テキスト",
		validator: function(value) {
			if(!/^\d{3}-\d{4}$/.test(value)) {
				return "このフィールドは電話番号形式で入力してください。";
			}
		}
	}
]);

メールアドレス


window.MTNetFormDataLayer = window.MTNetFormDataLayer || [];
function MTNetForm() { MTNetFormDataLayer.push(arguments); }
MTNetForm("validator", [
	{
		id: "1行テキスト",
		validator: function(value) {
			if(!/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i.test(value)) {
				return "このフィールドはメールアドレス形式で入力してください。";
			}
		}
	}
]);

整数


window.MTNetFormDataLayer = window.MTNetFormDataLayer || [];
function MTNetForm() { MTNetFormDataLayer.push(arguments); }
MTNetForm("validator", [
	{
		id: "1行テキスト",
		validator: function(value) {
			if(!/^[\-\+]?\d+$/.test(value)) {
				return "このフィールドは整数で入力してください。";
			}
		}
	}
]);

数値+-カンマあり


window.MTNetFormDataLayer = window.MTNetFormDataLayer || [];
function MTNetForm() { MTNetFormDataLayer.push(arguments); }
MTNetForm("validator", [
	{
		id: "1行テキスト",
		validator: function(value) {
			if(!/^[\-\+]?((([0-9]{1,3})([,][0-9]{3})*)|([0-9]+))?([\.]([0-9]+))?$/.test(value)) {
				return "このフィールドは数値で入力してください。";
			}
		}
	}
]);

日付


window.MTNetFormDataLayer = window.MTNetFormDataLayer || [];
function MTNetForm() { MTNetFormDataLayer.push(arguments); }
MTNetForm("validator", [
	{
		id: "1行テキスト",
		validator: function(value) {
			if(!/^\d{4}\/\d{1,2}\/\d{1,2}$/.test(value)) {
				return "このフィールドは半角で YYYY/MM/DDで入力してください。";
			}
		}
	}
]);

時間


window.MTNetFormDataLayer = window.MTNetFormDataLayer || [];
function MTNetForm() { MTNetFormDataLayer.push(arguments); }
MTNetForm("validator", [
	{
		id: "1行テキスト",
		validator: function(value) {
			if(!/^([01]?[0-9]|2[0-3]):([0-5][0-9])$/.test(value)) {
				return "このフィールドは半角で HH:MMで入力してください。";
			}
		}
	}
]);

IPアドレスv4


window.MTNetFormDataLayer = window.MTNetFormDataLayer || [];
function MTNetForm() { MTNetFormDataLayer.push(arguments); }
MTNetForm("validator", [
	{
		id: "1行テキスト",
		validator: function(value) {
			if(!/^((([01]?[0-9]{1,2})|(2[0-4][0-9])|(25[0-5]))[.]){3}(([0-1]?[0-9]{1,2})|(2[0-4][0-9])|(25[0-5]))$/.test(value)) {
				return "このフィールドはIPアドレス形式で入力してください。";
			}
		}
	}
]);

URL


window.MTNetFormDataLayer = window.MTNetFormDataLayer || [];
function MTNetForm() { MTNetFormDataLayer.push(arguments); }
MTNetForm("validator", [
	{
		id: "1行テキスト",
		validator: function(value) {
			if(!/^(https?|ftp):\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i.test(value)) {
				return "このフィールドはURL形式で入力してください。";
			}
		}
	}
]);

半角英数字 -_含む


window.MTNetFormDataLayer = window.MTNetFormDataLayer || [];
function MTNetForm() { MTNetFormDataLayer.push(arguments); }
MTNetForm("validator", [
	{
		id: "1行テキスト",
		validator: function(value) {
			if(!/^[a-zA-Z0-9\-_]+$/.test(value)) {
				return "このフィールドは半角英数字で入力してください。";
			}
		}
	}
]);

数値　0か数値


window.MTNetFormDataLayer = window.MTNetFormDataLayer || [];
function MTNetForm() { MTNetFormDataLayer.push(arguments); }
MTNetForm("validator", [
	{
		id: "1行テキスト",
		validator: function(value) {
			if(!/^(0|[1-9]\d*)$/.test(value)) {
				return "このフィールドは数値で入力してください。";
			}
		}
	}
]);

数値


window.MTNetFormDataLayer = window.MTNetFormDataLayer || [];
function MTNetForm() { MTNetFormDataLayer.push(arguments); }
MTNetForm("validator", [
	{
		id: "1行テキスト",
		validator: function(value) {
			if(!/^([0-9]\d*)$/.test(value)) {
				return "このフィールドは数値で入力してください。";
			}
		}
	}
]);

小数点形式


window.MTNetFormDataLayer = window.MTNetFormDataLayer || [];
function MTNetForm() { MTNetFormDataLayer.push(arguments); }
MTNetForm("validator", [
	{
		id: "1行テキスト",
		validator: function(value) {
			if(!/^(0|-?[1-9]\d*|-?(0|[1-9]\d*)\.\d+)$/.test(value)) {
				return "このフィールドは小数点形式で入力してください。";
			}
		}
	}
]);

カンマ形式


window.MTNetFormDataLayer = window.MTNetFormDataLayer || [];
function MTNetForm() { MTNetFormDataLayer.push(arguments); }
MTNetForm("validator", [
	{
		id: "1行テキスト",
		validator: function(value) {
			if(!/^(0|[1-9]\d{0,2}(,\d{3})*)$/.test(value)) {
				return "このフィールドはカンマ形式で入力してください。";
			}
		}
	}
]);

半角英数字


window.MTNetFormDataLayer = window.MTNetFormDataLayer || [];
function MTNetForm() { MTNetFormDataLayer.push(arguments); }
MTNetForm("validator", [
	{
		id: "1行テキスト",
		validator: function(value) {
			if(!/^[\s0-9A-Za-z]+$/.test(value)) {
				return "このフィールドは半角英数字で入力してください。";
			}
		}
	}
]);

半角英数字空白を含む


window.MTNetFormDataLayer = window.MTNetFormDataLayer || [];
function MTNetForm() { MTNetFormDataLayer.push(arguments); }
MTNetForm("validator", [
	{
		id: "1行テキスト",
		validator: function(value) {
			if(!/^[\s0-9A-Za-z]+$/.test(value)) {
				return "このフィールドは半角英数字で入力してください。";
			}
		}
	}
]);

半角英数字


window.MTNetFormDataLayer = window.MTNetFormDataLayer || [];
function MTNetForm() { MTNetFormDataLayer.push(arguments); }
MTNetForm("validator", [
	{
		id: "1行テキスト",
		validator: function(value) {
			if(!/^[0-9a-zA-Z]+$/.test(value)) {
				return "このフィールドは半角英数字で入力してください。";
			}
		}
	}
]);

さいごに

未来のおいら。コピペ後は、チェックしろよ・・・

関連記事

MovableType.net フォームつかってみた。
https://www.omakase.net/blog/2022/11/movabletypenet-1.html

関連記事