表单提交验证怎么实现

我用jq写个表单验证,基本方已经写好,可是表单提交不知怎么写
jq        $(function () {
            $('#cms').lightTreeview();
$("#siteName").bind("blur",checkSiteName);
$("#webName").bind("blur",checkWebName);
$("#domainName").bind("blur",checkDomainName);
$("#logoUrl").bind("blur",checkLogoUrl);
$("#copyright").bind("blur",checkCopyright);
$("#icp").bind("blur",checkIcp);
$("#headInfo").bind("blur",checkHeadInfo);


        });

function buildSuggestNo(item,text){
$(item).parent().append("<span class=\"mess no\">"+text+"</span>");
}
function buildSuggestOk(item){
$(item).parent().append("<span class=\"mess ok\"></span>");
}
function checkSiteName(){
var siteName = $("#siteName");
$(".mess",siteName.parent()).remove();
if(siteName.val()==""){
buildSuggestNo(siteName,"请输入站点名称");
return false;
}else{
buildSuggestOk(siteName);
}
}
function checkWebName(){
var webName = $("#webName");
$(".mess",webName.parent()).remove();
if(webName.val()==""){
buildSuggestNo(webName,"请输入站点名称");
return false;
}else{
buildSuggestOk(webName);
}
}
function checkDomainName(){
var domainName = $("#domainName");
$(".mess",domainName.parent()).remove();
if(domainName.val()==""){
buildSuggestNo(domainName,"请输入站点名称");
return false;
}else{
buildSuggestOk(domainName);
}
}
function checkLogoUrl(){
var logoUrl = $("#logoUrl");
$(".mess",logoUrl.parent()).remove();
if(logoUrl.val()==""){
buildSuggestNo(logoUrl,"请输入站点名称");
}else{
buildSuggestOk(logoUrl);
}
}
function checkCopyright(){
var copyright = $("#copyright");
$(".mess",copyright.parent()).remove();
if(copyright.val()==""){
buildSuggestNo(copyright,"请输入站点名称");
return false;
}else{
buildSuggestOk(copyright);
}
}
function checkIcp(){
var icp = $("#icp");
$(".mess",icp.parent()).remove();
if(icp.val()==""){
buildSuggestNo(icp,"请输入站点名称");
return false;
}else{
buildSuggestOk(icp);
}
}
function checkHeadInfo(){
var headInfo = $("#headInfo");
$(".mess",headInfo.parent()).remove();
if(headInfo.val()==""){
buildSuggestNo(headInfo,"请输入站点名称");
return false;
}else{
buildSuggestOk(headInfo);
}
}
html<form id="sampleform" method="post" action="#">
            <p>
                  <label class="siteName" for="firstname">站点名称：<span>站点名称，将显示在浏览器窗口标题等位置</span></label>
                  <input type="text" id="siteName" class="half" value="" name="siteName"/>
                </p>
            <p>
                  <label for="webName">网站名称：</label>
                  <input type="text" id="webName" class="half" value="" name="webName"/>
                </p>
            <p>
                  <label for="domainName">网站域名：</label>
                  <input type="text" id="domainName" class="half" value="" name="domainName"/>
                </p>
            <p>
                  <label for="logoUrl">网站LOGO地址：</label>
                  <input type="text" id="logoUrl" class="half" value="" name="logoUrl"/>
                </p>
            <p>
                  <label for="copyright">网站版权信息：</label>
                  <input type="text" id="copyright" class="half" value="" name="copyright"/>
                </p>
            <p>
                  <label for="icp">ICP备案：</label>
                  <input type="text" id="icp" class="half" value="" name="icp"/>
                </p>
            <p>
                  <label for="headInfo">其他头部信息：</label>
                  <textarea id="headInfo" class="half medium" name="headInfo"></textarea>
                </p>
            <p class="box">
                  <input type="submit" class="buttonClass" value="提交"/>
                  &nbsp;&nbsp;
                  <input name="重置" type="reset" class="buttonClass" value="重置"/>
                </p>
          </form>
有谁帮我一下表单

解决方案 »

  1.   

    你可以用 易U http://www.yxsss.com/ui/ 只要在
    如验证不能为空 在input 里面添加 req="true" 就好了，
      

  2.   

    楼主你的太复杂了， 扩展性也不太好，如果有更多的字段要写很多重复性的 我自己写了个小例子 你参考下<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <style>
            .yes
            {
                color: Green;
            }
            .no
            {
                color: Red;
            }
        </style>
    </head>
    <body>
        <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
        <form id="sampleform" method="post" action="#">
        <p>
            <label class="siteName" for="firstname">
                站点名称：<span>站点名称，将显示在浏览器窗口标题等位置</span></label>
            <input type="text" id="siteName" class="half" value="" valid="{title:'站点',isNull:true}"
                name="siteName" />
        </p>
        <p>
            <label for="headInfo">
                其他头部信息：</label>
            <textarea id="headInfo" class="half medium" name="headInfo" valid="{title:'其他头部信息',isNull:true}"></textarea>
        </p>
        <p class="box">
            <input type="submit" class="buttonClass" id="btnSubmit" onclick="return checkForm()"
                value="提交" />
            &nbsp;&nbsp;
            <input name="重置" type="reset" class="buttonClass" value="重置" />
        </p>
        </form>
        <script>
            function checkForm() {
                $(".no,span").remove();
                $("input,textarea,select").each(function () {
                    validInputItem(this);
                })
                if ($("span").hasClass("no")) {
                    alert("no");
                }
                else {
                    alert("yes");
                }
                return false;
            }        function validInputItem(element) {
                if ($(element).attr("valid")) {
                    var obj = eval('(' + $(element).attr("valid") + ')');
                    if (obj.isNull) {
                        if ($(element).val() == "") {
                            $(element).parent().append("<span class='no'>" + obj.title + "不能为空</span>");
                        }
                        else {
                            var success = obj.title + "输入正确";
                            if (obj.success != undefined && obj.success != "") {
                                success = obj.success;
                            }
                            $(element).parent().append("<span class='yes'>" + success + "</span>");
                        }
                    }
                }
            }
            $(function () {
                $("input,textarea,select").blur(function () {
                    $(this).next("span[class='yes'],span[class='no']").remove();
                    validInputItem(this);
                })
            })
        </script>
    </body>
    </html>