jQueryで実装する正規表現で検証するフォーム　 Validation with Regular Expressions

今回、「jqueryとの正規表現を使用するフォーム合法化」に関して説明したいと思います。 私は、jqueryを使用することでチュートリアルを開発しました。 プラグインを有効にしてください、そして、それはは非常に簡単です。 これを実装してください、そして、ウェブプロジェクトを豊かにしてください。

■デモページ

■サンプルダウンロード

HTML CODE

<form method="post" action="thank.html" name="signup" id="signup">
Email<br />
<input type="text" name="email" id='email'/><br />
UserName<br />
<input type="text" name="username" id="username" /><br />
Password<br />
<input type="password" name="password" id="password" /><br />
<input type="submit" value=" Sign-UP " name='SUBMIT' id="SUBMIT"/>
</form>


CSS CODE



body

{

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

}

input

{

width:220px;

height:25px;

font-size:13px;

margin-bottom:10px;

border:solid 1px #333333;

}

label.error 

{

font-size:11px;

background-color:#cc0000;

color:#FFFFFF;

padding:3px;

margin-left:5px;



}


JAVASCRIPT CODE