编辑我在发布此消息后不久就意识到了我的错误。append应该是html()或text()
部分代码：
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$('#resetpassword').validate(
{rules: {
secretAnswer: {
required: true
}
},
messages: {
secretAnswer: {
required: "Please answer your security question"
}
},
submitHandler: function(form){
$.post("../BackgroundOperations/resetpassword.php",
$('#resetpassword').serialize(),
function(data){
if(data.status == 0){
$('#message').append("<span class='error'>Error: " + data.message + "</span>");
}
else{
$('.container').hide();
$('.short_explanation').hide();
$('#message').text(data.message);
}
},
"json");
}
});
});
</script>
</head>
<body>
<!-- Form Code Start -->
<div id='fg_membersite'>
<form id='resetpassword' method='post' accept-charset='UTF-8'>
<fieldset >
<legend>Reset Password</legend>
<div class='short_explanation'>* required fields</div>
<input type='text' class='spmhidip' name='<?php echo $vm->GetSpamTrapKey(); ?>' />
<div id="message"></div>
<div class='container'>
<label for='emailAddress' >Email Address:</label><br/>
<input type='text' name='emailAddress' id='emailAddress' maxlength="100" readonly="true" value="<?php echo $vm->GetEmailAddress() ?>" /><br/>
</div>
<div class='container'>
<label for='secretQuestion' >Security Question:</label><br/>
<input type='text' name='secretQuestion' id='secretQuestion' value='<?php echo $vm->GetSecretQuestion() ?>' maxlength="100" readonly="true" width="100" /><br/>
</div>
<div class='container'>
<label for='secretAnswer' >Answer:</label><br/>
<input type='text' name='secretAnswer' id='secretAnswer' maxlength="50" /><br/>
</div>
<div class='container'>
<input type='submit' name='Submit' value='Submit' />
</div>
</form>
我正在测试无效输入（错误的安全答案）。当我输入错误的答案并提交表单时，<div id="message">会使用错误消息进行更新，但是如果我继续提交无效数据，<div id="message">则会保留旧的错误消息并在末尾添加新的错误消息，而不是只有一条消息。