自己写的s2sh验证表单

 

表单文件：

 

 <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 

});

}