87,921
社区成员
发帖
与我相关
我的任务
分享
<form style="text-align:center" method="POST">
<div class="int">
作者:
<input type="text" name="author" id="author" class="required" />
</div>
<br/>
<div class="int">
标题:
<input type="text" name="title" id="title" class="required" />
</div>
<br/>
<div class="int">
<textarea name="content" rows="10" cols="30" id="content" class="required">
</textarea>
</div>
<br/>
<div class="int">
验证码:<img id="img_code" src="./auth_code.php?r=<?php echo rand();?>" onclick="changeCode()"/><input type="text" name="authcode"/>
</div>
<br/>
<div class="sub">
<input type="submit" value="提交" id="send"/> <input type="reset" id="res" />
</div>
</form>
$(function(){
$("form :input.required").each(function(){
var $required = $("<strong class='high'> *</strong>");
$(this).parent().append($required);
});
$('form :input').blur(function(){
var $parent = $(this).parent();
$parent.find(".formtips").remove();//删除以前的提醒元素
//验证用户名
if($(this).is('#author')){
if(this.value=="")
{
var errorMsg = '用户名不为空.';
$parent.append('<span calss="formtips onError">'+errorMsg+'</span>');
} else{
var okMsg = '输入正确';
$parent.append('<span class="formtips onSuccess">'+okMsg+'</span>');
}
}
//验证标题
if($(this).is('#title')){
if(this.value=="")
{
var errorMsg = '标题不为空.';
$parent.append('<span calss="formtips onError">'+errorMsg+'</span>');
} else{
var okMsg = '输入正确';
$parent.append('<span class="formtips onSuccess">'+okMsg+'</span>');
}
}
//验证内容
if($(this).is('#content')){
if(this.value=="")
{
var errorMsg = '内容不为空.';
$parent.append('<span calss="formtips onError">'+errorMsg+'</span>');
} else{
var okMsg = '输入正确';
$parent.append('<span class="formtips onSuccess">'+okMsg+'</span>');
}
}
});
//提交,最终验证。
$('#send').click(function(){
$("form :input.required").trigger('blur');
var numError = $('form .onError').length;
if(numError){
return false;
}
alert("注册成功,密码已发到你的邮箱,请查收.");
});
//重置
$('#res').click(function(){
$(".formtips").remove();
});
})