验证注册表单



创建注册表单

 

Html:

<div id="reg" title="会员注册">

 <p>

<label for="user">账号：</label>

<input type="text"name="user" class="text"id="user" title="请输入账号，不少于2位！！">

<span class="star">*</span>

 </p>

 <p>

<label for="pass">密码：</label>

<input type="password"name="pass" class="text"id="pass" title="请输入密码，不少于6位！！">

<span class="star">*</span>

 </p>

 <p>

<label for="email">邮箱：</label>

<input type="text"name="email" class="text"id="email" title="请输入正确邮箱！！">

<span class="star">*</span>

 </p>

 <p>

 <label>性别：</label>

 <input type="radio"name="sex" value="male"id="male"><label for="male">男</label></input><input type="radio" name="sex"value="female" id="female"><label for="female">女</label></input>

 </p>

 <p>

<label for="date">生日：</label>

<input type="text"name="date" readonly="readonly"  class="text"id="date">

</p>

</div>

Css:

#reg{

   padding:15px 00 15px;

}

#reg p label{

   font-size: 14px;

   color:#666;

}

#reg .star{

   color:red;

}

#reg .text{

   border-radius:4px;

   border: 1px solid#ccc;

   background:#fff;

   width: 200px;

   height:25px;

   color:#666;

   line-height: 25px;

   text-indent: 5px;

}

#reg p{

   margin:10px 0;

   padding:0;

}

Js:

$('#reg').dialog({

autoOpen:true,

modal:true,

width:320,

height:340,

resizable:false,

buttons:{

   'yes':function(){}

}});

$('#reg').buttonset();

$('#date').datepicker();

$('#reg input[title]').tooltip();

});