关于表单验证相关语句的整理

使用表单选择器完成文本框设置（css样式只是举例）

    类型1：所有input,select,button-->input

        $(":input").css("color","red")

    类型2：单行文本框

        $(":text").css("color","red")

    类型3：密码文本框

        $(":password").css("color","red")

    类型4:单选按钮

        $(":radio").css("color","red")

    类型5：所有复选框

        $(":checkbox").css("color","red")

    类型6：所有type=button按钮

        $(":button").css("color","red")

    类型7：提交按钮

        $(":submit").css("color","red")

    类型8：图片提交按钮

        $(":image").css("color","red")

    类型9：重置按钮

        $(":reset").css("color","red")

    类型10：文件域按钮

        $(":file").css("color","red")

    类型11：隐藏域

        $(":hidden").show();

    类型12：匹配form内部除了编号以外的输入框元素

        $(":enabled").css("color","red")

        $(":disable").css("color","red")

        $("#wz").click(function(){

    类型13：所有被选中的参选框

    $(":checked").each(function(){

        $("#wz").append($(this).clone().val()+" ")

    })

    类型14：所有下拉列表选项中的元素

    $(":selected").each(function(){

        $("#wz").append($(this).clone().val()+" ")

    })

通过ID表单标记，触发提交事件  ation具体判断

     $("#form1").submit(function(){

        //姓名不能为空，不能含有数字

        //1-1获得姓名文本框的value的值

        var sName = $("#lname").val();

        //1-2判断是否为空

        if(sName==""){

            $("#DivName").html("*姓名不能为空").css("color","red");

            return false;

        }

        else{

            for(var i = 0; i<sName.length;i++){

                var j=sName.substring(i,i+1);

                if(isNaN(j)==false){//含有数字

                    $("#DivName").html("*姓名不能包含数字").css("color","red");

                    return false;

                }

            }

            //正确结果的表达

            if(i==sName.length){

                $("#DivName").html("<img src='images/register_write_ok.gif'>");

            }

            //判断密码不能为空

                var pwd=$("#pass").val();

               if(pwd==""){

                $("#DivPwd").html("*密码不能为空").css("color","red");

                return false;

               }

               if (pwd.length < 6) {

                  $("#DivPwd").text("*密码必须等于或大于6个字符").css("color","red");

                  return false;

              }else

              {

                  $("#DivPwd").html("<img src='images/register_write_ok.gif'/>");

              }

              //判断两次密码是否一致

              var qrmm = $("#rpass").val();

              var csmm = $("#pass").val();

              if(qrmm==""){

                $("#DivRepwd").text("*密码不能为空").css("color","red");

                return false;

              }else if(qrmm!=csmm){

                $("#DivRepwd").text("*两次密码不一致").css("color","red");

                return false;

              }

              //邮箱功能

              var emailval = $("#email").val();

              if(emailval==""){

                 $("#DivEmail").text("*邮箱不能为空").css("color","red");

                return false;

              }else if(emailval.indexOf("@")==-1){

                $("#DivEmail").text("*邮箱中必须含有@").css("color","red");

                return false;

              }else if(emailval.indexOf(".")==-1){

                $("#DivEmail").text("*邮箱中必须含有.").css("color","red");

                return false;

            }else if(emailval.indexOf("@")>emailval.indexOf(".")){

                $("#DivEmail").text("*邮箱中@必须在.之前").css("color","red");

                return false;

            }

            return true;

        }

通过正则表达式判断

//js函数1：编号正则判断\d

//光标锁定调用函数 方法1：js的onfocus()方法

function checkBh(){

    //定义正则表达式

    var fnamezz = /^\d{10}$/;

    var fnameval = $("#fname").val();

    if(fnamezz.test(fnameval)==false){

        $("#DivFname").text("*编号必须是10位数字").css("color","red");

        $("#fname").focus();//jQuery的光标锁定

        $("#fname").select();//强制必须在这里输入

        return false;

    }else{

        $("#DivFname").html("<img src='images/register_write_ok.gif'/>");

    }

}

//js函数2：姓名

//JQuery的调用方法

function checkname(){

    var snamezz = /^[a-zA-Z_]+$/;//+表示必须0个以上

    var snameval =$("#sname").val();

    if(snamezz.test(snameval)==false){

        $("#sname").next().text("*姓名不能为空，不能包含数字").css("color","red");

        $("#sname").select();

        return false;

    }else{

        $("#sname").next().html("<img src='images/register_write_ok.gif'/>");

    }

}

//函数：密码

function checkPassword(){

    var pass = /^[a-zA-Z]\w{5,9}$/;//要求密码的长度为6-10位，第一位是字母

    var passval = $("#pass").val();

    if(pass.test(passval)==false){

        $("#DivPwd").text("密码长度必须是6-10为数字且第一位是字母").css("color","red");

        $("#pass").select();

        return false;

    }else{

        $("#DivPwd").html("<img src='images/register_write_ok.gif'/>");

    }

}

//确认密码

function checkRpass(){

    if($("#pass").val()!=$("#rpass").val()){

        $("#DivRepwd").text("两次密码不一致").css("color","red");

        return false;

    }else{

        $("#DivRepwd").html("<img src='images/register_write_ok.gif'/>");

    }

//下面这段代码不完善，

   // if($("#rpass").val()==""){

   //      $("#DivRepwd").text("验证密码不能为空").css("color","red");

   //      return false;

   //  }else if($("#pass").val()!=$("#rpass").val()){

   //      $("#DivRepwd").text().css("color","red");

   //      return false;

   //  }else{

   //      $("#DivPwd").html("<img src='images/register_write_ok.gif'/>");

   //      return;

   //  }

}

//电子邮箱

function checkemail(){

    //字母数字下划线构成1位以上，@、字母数字下划线1位以上 .com/.cn构成

    var emailtest= /^[a-z]{5,10}@[a-z]{2}\.com|\.cn$/i;//集中写法  /^\w+@\w+(\.)com(\.cn)?$/

    if(!emailtest.test($("#email").val())){

        $("#DivEmail").text("邮箱不合法").css("color","red");

        return false;

    }else{

        $("#DivEmail").html("<img src='images/register_write_ok.gif'/>");

    }

}