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

    $(document).ready(function(){
    var ok1 = false;
    var ok2 = false;
    var ok3 = false;
    var ok4 = false;
    $('#title').focus(function(){
    $(this).next().text('请输入姓名').removeClass('state1').addClass('state2');
    }).blur(function(){
    if($(this).val()!=''){
    $(this).next().text("输入成功").removeClass('state1').addClass('state3');
    ok1=true;
    }else{
    $(this).next().text('姓名不能为空').removeClass('state1').addClass('state3');
    }
    });

    $('#phone').focus(function(){
    $(this).next().text('请输入联系电话').removeClass('state1').addClass('state2');
    }).blur(function(){
    if($(this).val()!='' && $(this).val().length==11){
    $(this).next().text("输入成功").removeClass('state1').addClass('state3');
    ok2=true;
    }else{
    $(this).next().text('输入错误').removeClass('state1').addClass('state3');
    }
    });
    $("#car_models").focus(function(){

    $(this).next().text('请选择车型').removeClass('state1').addClass('state2');
    }).blur(function(){
    if($(this).val()!='未选择车型(易车)'){
    $(this).next().text("输入成功").removeClass('state1').addClass('state3');
    ok3=true;
    }else{
    $(this).next().text('未选中车型').removeClass('state1').addClass('state3');
    }
    });
    $("#dealer").focus(function(){
    $(this).next().text('请选择经销商').removeClass('state1').addClass('state2');
    }).blur(function(){
    if($(this).val()!='未选择经销商'){
    $(this).next().text("输入成功").removeClass('state1').addClass('state3');
    ok4=true;
    }else{
    $(this).next().text('未选择经销商').removeClass('state1').addClass('state3');
    }
    });




    $("form").submit(function(e){
    if(ok1 && ok2 && ok3 && ok4){
    return true;

    }
    return false;




    });
    });

    <style>
    .state1{
    color:#aaa;
    }
    .state2{
    color:#000;
    }
    .state3{
    color:red;
    }
    .state4{
    color:green;
    }
    </style>
  • 相关阅读:
    数据库分区与分表
    Paxos算法简单介绍
    Zookeeper实现分布式锁服务(Chubby)
    java.lang.OutOfMemoryError: Java heap space错误及处理办
    关于分布式事务、两阶段提交协议、三阶提交协议
    Volatile
    寻找数组中只出现一次的数
    堆排序
    二叉树遍历 递归非递归
    redis 数据类型
  • 原文地址:https://www.cnblogs.com/wxc1/p/8483332.html
Copyright © 2011-2022 走看看