<html>
<head>
<title>Rejister</title>
<script src="../jq/jquery-1.8.3.min.js"></script>
<style>
.err_meg {
color: red;
}
</style>
</head>
<body>
<form action="RejisterCheck.jsp" method="post">
<p><span>用户名:</span><input type="text" name="user"/></p>
<p><span>密码:</span><input type="password" name="pwd1" /></p>
<p><span>确认密码:</span><input type="password" name="pwd2"/> </p>
<p><input type="submit" value="Rejister"/> </p>
</form>
<script>
$(function(){
$("form").submit(function(){
var num = $("input[name]").val();//input[name]选取input中的name属性
if(num==""){
alert("用户名密码不能为空");
return false;
}
if($("[name='pwd1']").val()!=$("[name='pwd2']").val()){
alert("两次密码输入不一致");
return false;
}
return true;
});
})
// $(function() {
// $("form").submit(function(event) {
// var objs = $("input[name]");
// var type = true;
// $(".err_meg").remove();
// objs.each(function(i, e) {
// if(e.value == "") {
// console.log($(e).prev().text());
// $(e).after("<span class='err_meg'>" + $(e).prev().text().replace(":","") + " is not null</span>");
// type = false;
// }
// });
// if(!type)event.preventDefault();
// });
// })
</script>
</body>
</html>
网友评论