我有一个工作 jquery 代码:
- 从具有相同 id 的多个表单中提交特定表单
- 对 textarea 进行一些验证,禁用提交。
- 明文并在成功或失败时显示消息。
但是 - 我在显示消息时遇到问题,没有输入文本时的验证消息会正确显示到特定的表单 div。但是成功/失败消息没有显示给特定的 div,它总是显示给第一个表单 div。
$('input[type="submit"]').attr('disabled','disabled');
$('#replytext').keyup(function() {
if($('#replytext').val() != '') {
$('input[type="submit"]').removeAttr('disabled');
}
});
$(document).ready(function(){
//$("#replyForm").submit( function () {
$('#profile-posts-updates').delegate('#replyForm', 'submit', function() {
//if($(this).find('#replytext').val()=='')
if(jQuery(this).children("#replytext").val()=='') { $(this).next('#replyerror').html('Write your message to post!').css("color","red"); return false;}
//$('#imgbtn').show();
//$('#post').hide();
$.post(
'Process.php?in=DataHandler',
$(this).serialize(),
function(data){
if(data === 'Success'){
$('#replytext').val('');
//jQuery(this).children("#replytext").val('');
//$("#postbox").fadeOut(50);
//$("#postbtn").fadeIn(400);
$("#replyerror").html('Your message has been successfully posted !').css("color","green");
//$(this).children("#replyerror:first").html('Write your message to post!').css("color","red");
}else{
$("#replyerror").html('There was some problem please try again!').css("color","red");
}
//$('#imgbtn').hide();
//$('#post').show();
}
);
return false;
});
});