})
$("#send").click(function () {
var onerr = $(this).parent().siblings().children().hasClass("onError");//出错就会添加class为onerror的元素
if(onerr) {
return false;
} else {
alert("你已经注册成功了");
}
}
)
$("#reset").click(function () {
$(".formtips").remove();
})
})
</script>
</head>
<body>
<form method="post" action="">
<div class="int">
<label for="username">用户名:</label>
<input type="text" id="username" class="required"/>
</div>
<div class="int">
<label for="email">邮箱:</label>
<input type="text" id="email" class="required"/>
</div>
<div class="int">
<label for="personinfo">个人资料:</label>
<input type="text" id="personinfo"/>
</div>
<div class="sub">
<input type="submit" value="提交" id="send"/><input type="reset" id="res"/>
</div>
</form>
</body>
</html>
以上这篇运用jQuery写的验证表单(实例讲解)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
