zoukankan      html  css  js  c++  java
  • jq form表单验证

    <form action="" class="idxform1" onsubmit="return formyz('j_name','j_phone','j_em','j_content','j_code')">
        <div class="ipt1 "><span>姓名</span><input type="text" class="j_name"></div>
        <div class="ipt1 "><span>电话</span><input type="text" class="j_phone"></div>
        <div class="ipt1 "><span>邮箱</span><input type="text" class="j_em"></div>
        <div class="ipt2">
           <span>内容</span>
          <textarea class="j_content"></textarea>        
        </div>
      <div class="yzm">
          <input type="text" class="j_code" placeholder="验证码">
         <div class="zzyzm"></div>
      </div>
      <input class="idxtj" type="submit" value="提 交">
    </form>
    <script type="text/javascript">
    //联系我们表单验证
    function formyz(name,phone,em,content,code){
        var name=$("."+name);
        var phone=$("."+phone);
        var em=$("."+em);
        var content=$("."+content);
        var code=$("."+code);
        if(name.val()==""){
            name.parent(".ipt1").css({"border":"1px solid #3598db"});
            name.val("");
            name.focus();
            return false;
        }
        if(!(/^1d{10}$/.test(phone.val()))){
            phone.parent(".ipt1").css({"border":"1px solid #3598db"});
            phone.val("");
            phone.focus();
            return false;
        }
        if(!(/^(w-*.*)+@(w-?)+(.w{2,})+$/.test(em.val()))){
            em.parent(".ipt1").css({"border":"1px solid #3598db"});
            em.val("");
            em.focus();
            return false;
        }
        if(code.val()==""){
            code.css({"border":"1px solid #3598db"});
            code.val("");
            code.focus();
            return false;
        }
        else{
            return true;
        }
    }
    </script>
  • 相关阅读:
    测量MySQL的表达式和函数的速度
    MySQL中的比较操作符<=>
    Python中的args和kwargs
    MySQL8新特性(2)--mysql的升级过程
    MySQL8新特性(1)--原子DDL
    PostgreSQL中的一些日志
    PostgreSQL的表空间
    [九]基础数据类型之Boolean详解
    [八]基础数据类型之Double详解
    [七]基础数据类型之Float详解
  • 原文地址:https://www.cnblogs.com/bigbigxiao/p/10031595.html
Copyright © 2011-2022 走看看