jquery表单验证不符合规则背景变色提示

时间：2013-08-10 编辑：简简单单来源：一聚教程网

注意事项：里的ID大家在调试时一定要注意，还有我这里没加载jquery包，大家可自行下载即可使用下面代码。

jquery代码

代码如下

复制代码

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

  var iserr=false;

  if((!$('#customersname').val())||$('#customersname').val()=='请输入朋友姓名'){
   $('#customersname').css('background-color','#ffcccc');
   iserr=true;
  }else{
   $('#customersname').css('background-color','#f0f0f0');
  }

  if((!$('#customersmobile').val())||$('#customersmobile').val()=='请输入联系电话'){
   $('#customersmobile').css('background-color','#ffcccc');
   iserr=true;
  }else{
   $('#customersmobile').css('background-color','#f0f0f0');
  }
     if($('#house_city').val()=='0'){
    $('#house_city').css('background-color','#ffcccc');
    iserr=true;
  }
  if((!$('#customersmobile').val())||$('#customersmobile').val()=='13875884450'){
   if(confirm('经纪人不能推荐自己，自己买房请走“我要购房”通道')){
    location.href='/user/tuijian_me';
   }
   iserr=true;
  }

  //获取意向楼盘
  var strlp='';
  $('.yxlp').each(function(){
   if($(this).val() && $(this).val()!='输入意向楼盘'){
    strlp+=$(this).val()+' ';
   }
  });
  $('#houseid').val(strlp);
  //alert(strlp);return;

  if(iserr) return;
  var postData = $("#qrd_form").serialize();

  $.ajax({
   type: "POST",
   url: "/ajax/sendqrd1",
   data: postData,
   success: function(msg){
   if(msg==1){
     tj();
    }else if(msg==2){
     alert('很遗憾，客户已存在');
    }else if(msg==3){
        alert('很抱歉,经纪人每天最多只能推荐10个客户!');
    }else{
     alert('很遗憾客户推荐失败!');
    }
   }
  });
});
});

html

代码如下

复制代码

*朋友姓名：

*联系电话：

*意向总价：
              <select name="yxjg" id="yxjg">

*意向城市：

意向楼盘：

备注：<textarea class="tie-textarea js-postBox" cols="80" rows="8" name="beizhu" id="beizhu">

上一个： DiscuzX上传文件出现Upload Error: 500的解决方法
下一个： jquery 表单选择器使用说明详解

推荐专题

最新下载

热门教程

jquery表单验证不符合规则背景变色提示

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程