我正在制作一个使用JQuery检查表单验证的反馈表单。如果用户在没有提供任何字段的情况下点击提交按钮,或者为我的"评级输入"(字符串等)提供无效的输入,
我如何在bullet-point
的提交按钮后显示消息,而不是在我的输入旁边?
<html>
<head>
<title>Feedback Form</title>
<script src="script/jquery-1.10.2.min.js"></script>
<script src="script/jquery.validate.min.js"></script>
<script>
$(document).ready(function(){
$("#indexForm").validate({
rules: {
name: {
required: true
},
email: {
required: true
},
rating: {
required: true
},
remark: {
required: true
}
},
messages: {
name: "* Please enter a valid name",
email: "* Please enter a valid email",
rating: "* Please enter a valid rating (number)",
remark: "* Please enter a valid remark",
}
});
});
</script>
<style type="text/css">
#indexForm label.error, #indexForm input.submit {color: red; }
</style>
</head>
<body>
<form action="doAddItem.php" method="post" id="indexForm">
<table>
<tr>
<td>Full Name:</td>
<td><input id="id_name" name="name"></td>
</tr>
<tr>
<td>Email:</td>
<td><input name="email"></td>
</tr>
<tr>
<td>Remarks: </label></td>
<td><textarea name="remark"></textarea></td>
</tr>
<tr>
<td>Ratings: </td>
<td><input name="rating"></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Submit"></td>
</tr>
</table>
</form>
</body>
</html>
我相信您可以通过使用自定义errorPlacement函数选项来实现您想要的效果。
http://jqueryvalidation.org/validate/