CSSで角丸を表現する方法をちょっと詳しく書いてみる

CSS3では、border-radiusプロパティを使う事で角丸を表現する事ができます。
この方法を少し詳しく調べてみました。
(続きを読む…)

seo業者がバックリンクを集める4つの方法

SEO対策は大きく内部対策と外部対策に二分されます。
内部対策は制作会社のみで対応可能、
知識さえあれば素人の方でも対応できます。
(続きを読む…)

はてなブックマーク 煩雑したタグを編集してまとめる

気付いたらはてなブックマークのタグの数がとんでもないことになってました。
よくよく見ると同じ意味なのに日本語表記と英語表記の違いだったり、
言い方が違うだけで同じ意味のものが多数ありました。
(続きを読む…)

webデザインを要素ごとにまとめたサイト

webデザインを要素ごとにまとめたサイトです。
(続きを読む…)

JavaScriptでフォームの文字数をチェックして送信

JavaScriptでフォームの textare の入力文字数をチェックして、
文字数に応じてアラートか submit を返します。

HTML

<form action="#" name="form">
<textarea cols="30" rows="10" id="message";></textarea>
<input type="button" value="送信" onClick="set_limit()">
</form>

JavaScript

var txt_limit = 50;//最大文字数
	function set_limit(that){
		var check_element = document.getElementById("message");
		var check_limit = check_element.value.length;
		if(check_limit > txt_limit){
			alert('入力文字数が '+txt_limit+'文字を越えました');
			check_element.focus();
			}
		document.form.submit();
	}

また、textarea に入力した文字数もリアルタイムに反映されるようにしました。
textarea に onkeyup を追加。

<textarea cols="30" rows="10" id="message"  onkeyup="ShowLength(value);"></textarea>

文字数を反映するID要素を追加。

<p id="textlength">0文字</p>

以下のJavaScriptを追加。

function ShowLength( str ) {
      document.getElementById("textlength").innerHTML = str.length + "文字";
   }

フォームの文字数チェック サンプル

twitter @barchin

    横浜のサイト制作TSUKURIBE