0

我有一个工作 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;   
        });   
    });
4

1 回答 1

1

这是您的问题所在(部分)

“具有相同 id 的多个表单”

每个 HTML DOM 元素必须有一个唯一的 ID,否则它不是有效的 HTML

于 2013-11-01T11:22:01.123 回答