表單文件：
<div id="commentForm" >
<strong>發表評論：</strong>
<s:form action="/comment!addComment" method="post" name="commetnForm">
<s:fielderror></s:fielderror>
<s:hidden value="%{blog.id}" name="blog.id"></s:hidden>
<table>
<tr><td><input type="text" class="input" name="comment.name" id="name"/> 暱稱<span>(必填)</span><label id="errorMsg"></label><td></td></tr>
<tr><td colspan="2"><textarea name="comment.content" id="content"></textarea></td></tr>
<tr><td><input type="submit" value="" class="sumbit" id="sub"/></td></tr>
</table>
</s:form>
</div>
js文件：
$(document).ready(function(){
commentName();
commentContent();
formbtn();
})
//驗證表單提交
function formbtn(){
$(":submit[id=sub]").click(function(check){
var name = $("#name").val();
var content = $("#content").val();
if(name==""){
var msg = "暱稱不能爲空"
// alert(msg)
var span = "<span id = 'span'>"+msg+"</span>"
$("#span").remove();
$("#errorMsg").append(span);
$("#name").focus();
check.preventDefault();//此處阻止提交表單
} else if(name.length > 20) {
var msg = "暱稱的字符不能超過20個字"
var span = "<span id = 'span'>"+msg+"</span>"
$("#span").remove();
$("#errorMsg").append(span);
$("#name").focus();
check.preventDefault();//此處阻止提交表單
} else if (content == "") {
var msg = "評論內容不能爲空"
// alert(msg)
var span = "<span id = 'span'>"+msg+"</span>"
$("#span").remove();
$("#errorMsg").append(span);
$("#content").focus();
check.preventDefault();
}
});
}
//驗證評論人的暱稱
function commentName(){
$("#name").blur(function(){
var name = $("#name").val()
// alert(name.length)
var ss = name.length;
if(name == "" ){
var msg = "暱稱不能爲空"
// alert(msg)
var span = "<span id = 'span'>"+msg+"</span>"
$("#span").remove();
$("#errorMsg").append(span);
return false
} else if(name.length > 20){
var msg = "暱稱的字符不能超過20個字"
var span = "<span id = 'span'>"+msg+"</span>"
$("#span").remove();
$("#errorMsg").append(span);
//alert(msg)
return false
}
else {
$("#span").remove();
return true
}
return true
});
}
//驗證評論內容
function commentContent(){
$("#content").blur(function(){
var content = $("#content").val();
if(content == "" ){
var msg = "評論內容不能爲空"
// alert(msg)
var span = "<span id = 'span'>"+msg+"</span>"
$("#span").remove();
$("#errorMsg").append(span);
return false
} else {
$("#span").remove();
return true
}
return true
});
}
