JSFiddle - React, Tailwind, and code Playground

by Liam Talbot

JavaScript

//function form..//
    function row(jml) {
    	return  '<table class="table" id="records">'+
    	  '<tr>'+
    	 '<td><label>Name * </label><span id="name_empty" style="display:none;color:red;"> Required</span><input type="text" id="name" class="form-control"></td>'+
    	 '<td><label>Telp * </label><span id="msgbox" style="display:none"></span><span id="no1_empty" style="display:none;color:red;"> Required</span><input type="text" name="no1" id="no1" class="no1'+ jml +' form-control" onkeypress="return numbersonly(event)"><span id="status"></span></td>'+
    	 '<td><label>No.hp</label><input type="text" id="no2" class="form-control" onkeypress="return numbersonly(event)"></td>'+
    	 '<td><label>Email</label><span class="email_n" style="display:none;color:red;"> Email not complete</span><input type="email" id="email" class="form-control"></td>'+
    	 '<td><label>Link Agent</label><input type="text" id="link_agent" class="form-control"></td><td><input type="submit" id="remove_item_' + jml + '"  class="btn btn-danger" value="x" style="margin-top:25px;"></td>'+
    	 '</tr>'+
    	 '<span class="done_save"><tr><td colspan="5"><label>Address</label><textarea id="description" class="form-control"></textarea></td></tr>'+
    	 
    	 '<tr><td><input type="submit" class="btn" id="save_item_' + jml + '" value="save">  <span class="save_failed" style="display:none;color:red;"> Save Failed..</span><span id="save_s" style="display:none;color:red;"> Save Success..</span></td></tr>'+
    	 '</table>';
    }
    //end form..//


    //function form append//
    $('#container').append(row(jml));
    //end function form append//
    		

    $(".no1"+jml).keyup(function() {
    			//var msg = $("#msgbox"+jml).val();
    				var no1 = $(this).parents("#records").find("#no1").val();
    				//var cno = $(".no1"+jml).val();
    				//alert(no1);
    				if(no1<3)
    				{
    				//$(this).parents("#records").find(".check_no").html("");
    				$("#msgbox").html("kosong");
   ...