表单验证----

通常表单验证使用jQuery.validate.js,但是这个不一定在一些时候会试用,为了扩展一下使用范围,我用了这种方式:

失去焦点执行函数。


将红线划出来的地方隐藏起来,然后在失去焦点的时候判断时候为空或者其他情况,如果为空则将红线范围内的渲染出来。

根据这些事件就可以很灵活的进行验证了。


感觉局限性还是有些大的,以后有更好的办法再扩充


例子:

<tr>
						<td><label for="name">用戶名</label></td>
						<td><input class="text-input small-input pd8" type="text" id="username" name="username" /></td>
						<td id = "usernameId" style = 'display:none'><span class='error' generated='true' style='color: red; font-size: 12px;'>*用户名不能为空</span></td>
					</tr>

$("#username").focusout(function() {
		var value=$(this).val();
		if(""==value||null==value){
			document.getElementById("usernameId").style.display = "block";
		}else{
			document.getElementById("usernameId").style.display = "none";
		}
	});


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值