通常表单验证使用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";
}
});