jquery通过输入框输入数据判断长度并触发事件

在开发中,有的时候需要在输入框中输入相应内定后,并通过内容来进行异步操作
	//数据输入
	$('.shuruchanpinshibiehao').keyup(function(){
		var code	=	$(this).val();
		//如果输入超出产品识别号位数
		if(code.length>11){
			code	=	code.substr(0,11);
			$(this).val(code);
		}
		if(code.length==11){
			//初步验证
			var code_reg= /^[A-Z]+$/;	//验证第一位是否是字母正则
			if(!code_reg.test(code.substr(0,1))){
				layer.msg('请认准大小写', {icon: 5}); 
				$(this).val('');
			}
			else{
				//调用验证函数
				yanzheng_code(code);
			}
		}
	});

 

//验证产品识别号函数
function yanzheng_code(code){
	$('.shuruchanpinshibiehao').val('正在验证...');
	//设置文本框不能输入
	$('.shuruchanpinshibiehao').attr('readonly','readonly');
	$.post(code_yanzheng_url,{code:code},function(result){
		if(result['error']==1){
			//试用订单改变
			if(result['leixing']==1){
				shiyong_order	=	1;	//改变试用订单值
				//改变html
				$('.screen:eq(3) .screen_main h2').html('试用报告');
				$('.screen:eq(3) .screen_main .screen_main_input .screen_main_input_main textarea').attr('placeholder','请您填写对溶剂产品、服务及公司的意见或建议');
							
				//试用报告调查表内容
				var diaochabiao	=	'';
				//溶剂的质量
				diaochabiao		+=	'<div class="screen_main_input_diaocha">1、产品的质量:<input name="zhiliang" class="zhiliang" type="radio"   /> 满意   <input name="zhiliang" class="zhiliang2" type="radio"   /> 不满意</div>';
				//溶剂的稳定性和兼容性
				diaochabiao		+=	'<div class="screen_main_input_diaocha">2、产品的稳定性和兼容性:<input name="wending" class="wending" type="radio"  /> 满意   <input name="wending" class="wending2" type="radio"   /> 不满意</div>';
				//溶剂的包装盒外观造型
				diaochabiao		+=	'<div class="screen_main_input_diaocha">3、产品的包装盒外观造型:<input name="baozhuang" class="baozhuang" type="radio"   /> 满意   <input name="baozhuang" class="baozhuang2" type="radio"  /> 不满意</div>';
				//问题投诉的回复质量
				diaochabiao		+=	'<div class="screen_main_input_diaocha">4、提供的产品试用服务:<input name="huifu" class="huifu" type="radio"   /> 满意   <input name="huifu" class="huifu2" type="radio"  /> 不满意</div>';
				//溶剂交付的及时性
				diaochabiao		+=	'<div class="screen_main_input_diaocha">5、订单执行响应时间:<input name="jiaofu" class="jiaofu" type="radio"   /> 满意   <input name="jiaofu" class="jiaofu2" type="radio"  /> 不满意</div>';
				//今后您还会继续让我司提供服务吗?
				diaochabiao		+=	'<div class="screen_main_input_diaocha">6、产品各项指标是否合格:<input name="jixu" class="jixu" type="radio"   /> 是   <input name="jixu" class="jixu2" type="radio"  /> 否</div>';
							
				//添加调查表内容
				$('.shiyongbaogao_wenjuan_html').html(diaochabiao);
				$('.screen_main_input_jianyanxiance').css('display','none');
			}
						
			//添加产品识别号
			$('.screen_main_code_list').prepend('<div class="screen_main_code_list_body"><div class="screen_main_code_list_body_code">'+code+'</div><!--<div class="screen_main_code_list_body_esc">×</div>--></div>');
			//添加产品识别号到“产品识别号字符串”
			if(code_string==""){
				code_string	=	code_string+code;
			}
			else{
				code_string	=	code_string+','+code;
			}
		}
		else{
			layer.msg(result['ps'], {icon: 5}); 
		}
		//让文本框可以再次输入
		$('.shuruchanpinshibiehao').removeAttr('readonly');
		$('.shuruchanpinshibiehao').val('');
	},'json');
}

 

posted @ 2017-01-05 17:44  智昕  阅读(2618)  评论(0编辑  收藏  举报