Jquery 如何在底部页面显示表单验证消息
我正在制作一个使用JQuery检查表单验证的反馈表单。 如果用户单击“提交”按钮而未提供任何字段/为我的“评级输入”(字符串…等)提供无效输入 如何在Jquery 如何在底部页面显示表单验证消息,jquery,forms,jquery-validate,Jquery,Forms,Jquery Validate,我正在制作一个使用JQuery检查表单验证的反馈表单。 如果用户单击“提交”按钮而未提供任何字段/为我的“评级输入”(字符串…等)提供无效输入 如何在项目符号中的提交按钮后显示消息,而不是在我的输入旁边 <html> <head> <title>Feedback Form</title> <script src="script/jquery-1.10.2.min.js"></script&g
项目符号
中的提交按钮后显示消息,而不是在我的输入旁边
<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>
反馈表
$(文档).ready(函数(){
$(“#indexForm”).validate({
规则:{
姓名:{
必填项:true
},
电邮:{
必填项:true
},
评级:{
必填项:true
},
备注:{
必填项:true
}
},
信息:{
名称:“*请输入有效名称”,
电子邮件:“*请输入有效电子邮件”,
评级:“*请输入有效的评级(编号)”,
备注:“*请输入有效备注”,
}
});
});
#indexForm label.error,#indexForm input.submit{color:red;}
全名:
电邮:
评论:
评级:
我相信通过使用自定义的errorPlacement功能选项,您可以实现所需的功能
您知道,如果链接到的答案没有有效的示例(或显示OP的代码因可能的尝试而失败的地方),则不鼓励这样做。我想你已经知道这一点很久了;-)它成功了,谢谢:)我可以问一下,我如何确保评分输入是一个数字?