<html>
<head>
<meta charset="utf-8">
<style>
</style>
<script type="text/javascript" src="script/jquery-1.4.2.min.js"></script>
<script>
$(function(){
$(":input.required").each(function(){
var $li = $("<strong>*</strong>")
$(this).parent().append($li);
});
$(":input.required").blur(function(){
$("span.formtip").remove();
if($(this).is("#username")){
if(this.value==""||this.value.length<6){
var $span=$("<span class='formtip'>用户名需六位以上</span>");
$(this).parent().append($span);
}else{
var $span=$("<span class='formtip'>用户名可以使用</span>");
$(this).parent().append($span);
}
}
if($(this).is("#email")){
$("span.emailtip").remove();
var reg =/^\w{1,}@\w+\.\w+$/;///^\w{1,}@\w+\.\w+$/;
var $email=$("#email").val();
if(!reg.test($email)){
var $span=$("<span class='emailtip'>邮箱不合法</span>");
$(this).parent().append($span);
}else{
var $span=$("<span class='emailtip'>邮箱可以使用</span>");
$(this).parent().append($span);
}
}
});
});
</script>
<body>
<form action="#" method="post">
<div class="int">
用户名: <input type="text" id="username" class="required"/>
</div>
<div class="int">
邮箱:<input type="text" id="email" class="required">
</div>
<div class="int">
用户资料:<input type="text" id="ziliao" class="required">
</div>
</form>
</body>
</html>