简易表单验证

发表于 |

本来是用的其他网站扒下来的验证，结果因为JS压缩问题无法实现，于是就在他的基础上，自己做了简易验证，代码来一波:

1
2
<input type="text" id="login_merchant_id" class="input input_white" name="key_uni" placeholder="请输入商户ID"  autocomplete="off"  onkeypress="return handleEnter(this, event)">
<span id="login_merchant_id_span" class="input_tips">请输入6位的商户ID</span>

span是提示信息，html里就给他写好，然后给个.input_tips{display: none;}
然后下面blur触发验证

1
2
3
4
5
6
7
8
9
$("#login_merchant_id").blur(function(e){
	var val = $("#login_merchant_id").val();
	if(val.length !=6){
		$("#login_merchant_id").next().css("display","block");
	}
	else{
		$("#login_merchant_id").next().css("display","none");
	}
});

搞定