web表单验证

 做网站的人都知道,一个form表单里面有很多控件,这些控件有的是必填项,那这必填项需要验证了。现在市面上出现的许许多多表单验证js脚本或者js框架。但这些都不适合我们实际项目中。我现在介绍我自己写的web表单验证,如下:

 

<div class="register">
 <form method="post" action="">
			<div class="rows">
				<label>用户名：</label><input type="text" name="name" id="inp_username" class="inp ipt-normal required" maxlength="32"/>
			</div>
			<div class="rows">
				<label>昵称：</label><input type="text" name="nickname" id="inp_nickname" class="inp ipt-normal required" maxlength="32"/>
			</div>
			<div class="rows">
				<label>登录密码：</label><input type="password" name="password" id="inp_password" class="inp ipt-normal required" maxlength="32"/>
			</div>
			<div class="rows">
				<label>确认密码：</label><input type="password" name="password" id="inp_conpassword" class="inp ipt-normal required" maxlength="32"/>
			</div>
			<div class="rows">
				<label>Email地址：</label><input type="text" name="email" id="inp_email" class="inp ipt-normal required" maxlength="32"/>
			</div>
			<div class="rows">
				<label>手机号码：</label><input type="text" name="mobile" id="inp_mobile" class="inp ipt-normal required" maxlength="11"/>
			</div>
			<div class="rows">
				<label>年龄：</label><input type="text" name="sex" id="inp_sex" class="inp ipt-normal required" maxlength="2"/>
			</div>
			<div class="rows">
				<label>身份证号：</label><input type="text" name="IDnumber" id="inp_IDnumber" class="inp ipt-normal required" maxlength="18"/>
			</div>
			<div class="rows">
				<label>验证码：</label><input type="text" name="code" id="inp_code" class="inp ipt-normal required" maxlength="4"/>
			</div>
			
			<div class="rows">
		        <input type="submit" id="check_submit" value="提交" />
		        <input type="reset" id="res" value="取消" />
		    </div>
			</form>
		</div>

     上面的html的form的内容也很简洁会产生如下页面