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

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

注意
これらの記事は2016年当時の物で結構古いです。モダンブラウザでは不要な記述やJavaScriptでなくともCSSで実現できる機能もあります。 当時の記録として残してありますがあまり参考になるものではありません。
概要
フォームのinput等に入力されている値を得ます。
使用方法
コメントの通りですが、適宜呼び出します。
何らかのライブラリに組み込むなどで使用した方がいいでしょう。
備考
フォームで、入力された文字等をblurイベントのタイミングで取得し、何らかの処理をするなどで使用します。
ファンクション集の一部として使用しているものを切り出しました。

/**
 * フォームのinputタグ等の値をGETする
 *
 * usage:
 * GetFormValue.render(fm,nme);
 * フォーム名とinputタグ等のname属性を渡し、valueを得ます。
 *
 * @author 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;
		}
	}
};