How to take the variable ID of a form in ajax

Question

I need to know how to submit the form id, which varies according to the post ID, which would be something like myForm'. $id. ' to be able to treat each form itself. The form is sent through the script:

function rpbox(value, valor) {
    $(document).ready(function() {
        $("#"+value).keydown(function(evt) {

            var message = $("#"+value).val();

            if (evt.keyCode == 13 && !evt.shiftKey) {        

                if (message != ''){
                    if (document.getElementById("reply_box"+valor).style.display == "none") {
                        document.getElementById("reply_box"+valor).style.display = "table";
                        document.getElementById("l"+valor).style.display = "none";
                    }
                    $("#myForm"+valor).submit();

                }
                $("textarea").val('');
                evt.preventDefault();
                return false;
            }
         });
    });
}

This script would be to handle the form I need to handle the Iddoform.

$(document).ready(function() { 

    $("#"+IDdoform).ajaxForm({
        target: ".comment_all",
        type: "POST",
        success: function(){
            $(".comment_all").append;
        }
    }); 

});

Another issue is that I have a "button" that shows the amount of existing comments, but when added by ajax, the button gets the previous amount. I have no idea if there’s any way to update him.

<input class="lsubmit4" type="button" name="'.$post['id_p'].'" value="Comment ('.$rows.')" onclick="openReply(this.name)"/>

---

$(document).ready(function() { 

   function rpbox(value, valor) {
        $("#"+value).keydown(function(evt) {
            var message = $("#"+value).val();
            if (evt.keyCode == 13 && !evt.shiftKey) {        

                if (message != ''){
                    if (document.getElementById("reply_box"+valor).style.display == "none") {
                        document.getElementById("reply_box"+valor).style.display = "table";
                        document.getElementById("l"+valor).style.display = "none";
                    }
                    $("#myForm"+valor).trigger("submit", valor);

                }
                $("textarea").val('');
            }
         });
   }

   $(".imagem_news").click(function(){
      var id = this.id;
      var valor = this.id.match(/\d+/);
      rpbox(id, valor);
   });

   $("form").submit(function(e, i){
	   var myForm = "myForm"+i;
		e.preventDefault();
		$("#"+myForm).ajaxForm({
			type: 'POST',
			url: 'processing.php',
			target: '.comment_all',
			success: function(){
				$(".comment_all").append;
           }
       }); 
   });
});

Answer 1

Your code has some problems and things kind of meaningless, like a $(document).ready(function() { within the function(?). This one evt.preventDefault(); and return false; have no reason to be either.

What you should do is create an event submit to pick up the submission form and send your id through a parameter in the trigger submit. You also don’t need to use onclick to call the function rpbox. Create an event click for this, so you can put all the code in the scope of the $(document).ready(function() {.

Your code will be like this:

Textarea without onclick

<textarea name="editor1" id="text'.$post['id_p'].'" class="imagem_news" placeholder="Your Comment..." ></textarea>

Script

$(document).ready(function() { 

   function rpbox(value, valor) {
        $("#"+value).keydown(function(evt) {

            var message = $("#"+value).val();

            if (evt.keyCode == 13 && !evt.shiftKey) {        

                if (message != ''){
                    if (document.getElementById("reply_box"+valor).style.display == "none") {
                        document.getElementById("reply_box"+valor).style.display = "table";
                        document.getElementById("l"+valor).style.display = "none";
                    }
                    $("#myForm"+valor).trigger("submit", valor);

                }
                $("textarea").val('');
            }
         });
   }

   $(".imagem_news").click(function(){
      var id = this.id;
      var valor = this.id.match(/\d+/);
      rpbox(id, valor);
   });

   $("form").submit(function(e, i){
      e.preventDefault();

       $("#myForm"+i).ajaxForm({
           target: ".comment_all",
           type: "POST",
           success: function(){
               $(".comment_all").append;
           }
       }); 
   });
});