jQueryなど便利なライブラリもいいですが、軽量でカスタマイズ自由自在なオリジナリティあふれるネイティブJavaScriptを書くのもいいかも。
jQueryなど便利なライブラリもいいですが、軽量でカスタマイズ自由自在なオリジナリティあふれるネイティブJavaScriptを書くのもいいかも。

フォームのinputタグ等の値をGETする

概要
フォームのinput等に入力されている値を得ます。
使用方法
コメントの通りですが、適宜呼び出します。
何らかのライブラリに組み込むなどで使用した方がいいでしょう。
備考
フォームで、入力された文字等をblurイベントのタイミングで取得し、何らかの処理をするなどで使用します。
ファンクション集の一部として使用しているものを切り出しました。

/**
 * フォームのinputタグ等の値をGETする
 *
 * usage:
 * GetFormValue.render(fm,nme);
 * フォーム名とinputタグ等のname属性を渡し、valueを得ます。
 *
 * @auther ao-system
 */
var GetFormValue = {
	render: function(fm,nme) {
		var elms = fm.elements;
		var tpe = undefined;
		for (var i = 0; i < elms.length; i++) {
			if (elms.item(i).name == nme) {
				tpe = elms.item(i).type;
				break;
			}
		}
		switch (tpe) {
			case 'radio':
				for (var i = 0; i < elms.length; i++) {
					if (elms.item(i).name == nme) {
						if (elms.item(i).checked) {
							return elms.item(i).value;
						}
					}
				}
				return undefined;
			case 'checkbox':
				for (var i = 0; i < elms.length; i++) {
					if (elms.item(i).name == nme) {
						if (elms.item(i).checked) {
							return elms.item(i).value;
						}
					}
				}
				return 0;
			case 'select-one':
				for (var i = 0; i < elms.length; i++) {
					if (elms.item(i).name == nme) {
						var opts = elms.item(i).options;
						return opts.item(elms.item(i).selectedIndex).value;
					}
				}
				return undefined;
			case 'text':
			case 'password':
			case 'hidden':
				for (var i = 0; i < elms.length; i++) {
					if (elms.item(i).name == nme) {
						return elms.item(i).value;
					}
				}
				return undefined;
			case 'textarea':
				for (var i = 0; i < elms.length; i++) {
					if (elms.item(i).name == nme) {
						return crlf2n(elms.item(i).value);
					}
				}
				return undefined;
			default:
				return undefined;
		}

		function crlf2n(str) {
			var str2 = str.replace(/\r\n/g,'\n');
			str2 = str2.replace(/\r/g,'\n');
			return str2;
		}
	}
};
	
このサイトでお気付きの点がございましたら
ご連絡いただけますと幸いです。
Eメール(任意)
送信内容
 
このサイトでお気付きの点がございましたら
ご連絡いただけますと幸いです。
 
Eメール(任意)
送信内容
 
このサイトでお気付きの点がございましたら
ご連絡いただけますと幸いです。
 
Eメール(任意)
送信内容
 
便




top of page