d

@@ -226,14 +226,14 @@
         var example = json[0].folder + '/' +json[i].example 
 
           if (json[i].change_type == "textflow") {
-              pdfChange +=   json[i].names + ': <textarea onfocus="ShowBox('+json[0].pheight+','+json[0].pwidth+','+ json[i].locationUp+','+json[i].locationRight+','+json[i].height+','+json[i].width +','+ i + ',\''+ example + '\')"  title="' + json[i].names + '" id="changescontent'+[f]+'" class="textarea" value="' + json[i].content + '" name="content">' + json[i].content + '</textarea>';
+              pdfChange +=   json[i].names + ': <textarea onfocus="ShowBox('+json[0].pheight+','+json[0].pwidth+','+ json[i].locationUp+','+json[i].locationRight+','+json[i].height+','+json[i].width +','+ i + ',\''+ example + '\')"  id="changescontent'+[f]+'" class="textarea required"   value="' + json[i].content + '" name="content['+i+']">' + json[i].content + '</textarea>';
               ++f
               }
           if (json[i].change_type == "text") {
-              pdfChange +=  json[i].names + ': <input onfocusout="HideBox()"  onfocus="ShowBox('+json[0].pheight+','+json[0].pwidth+','+ json[i].locationUp+','+json[i].locationRight+','+json[i].height+','+json[i].width +','+ i + ',\''+ example + '\')" title="' + json[i].names + '" id="changescontent" type="text" name="content" value="' + json[i].content + '"">';
+              pdfChange +=  json[i].names + ': <input onfocusout="HideBox()"  onfocus="ShowBox('+json[0].pheight+','+json[0].pwidth+','+ json[i].locationUp+','+json[i].locationRight+','+json[i].height+','+json[i].width +','+ i + ',\''+ example + '\')"  id="changescontent" type="text" class="required"   name="content['+i+']" value="' + json[i].content + '"">';
               }
           if (json[i].change_type == "img") {
-                  pdfChange +=  json[i].names + ': <input onfocusout="HideBox()"  onfocus="ShowBox('+json[0].pheight+','+json[0].pwidth+','+ json[i].locationUp+','+json[i].locationRight+','+json[i].height+','+json[i].width +','+ i + ',\''+ example + '\')"  title="' + json[i].names + '" class="fileupload"   id="changescontent"   style="display: block; box-sizing: border-box; width: 100%; height: 2.4375rem; padding: .5rem; border: 1px solid #cacaca; margin: 0 0 1rem; font-family: inherit; font-size: 1rem; color: #8a8a8a; background-color: #fefefe; box-shadow: inset 0 1px 2px rgba(10,10,10,.1); border-radius: 0; transition: box-shadow .5s,border-color .25s ease-in-out; -webkit-appearance: none; -moz-appearance: none;" type="file" name="content"  >';
+                  pdfChange +=  json[i].names + ': <input onfocusout="HideBox()"  onfocus="ShowBox('+json[0].pheight+','+json[0].pwidth+','+ json[i].locationUp+','+json[i].locationRight+','+json[i].height+','+json[i].width +','+ i + ',\''+ example + '\')"  class="fileupload required"  id="changescontent"   style="display: block; box-sizing: border-box; width: 100%; height: 2.4375rem; padding: .5rem; border: 1px solid #cacaca; margin: 0 0 1rem; font-family: inherit; font-size: 1rem; color: #8a8a8a; background-color: #fefefe; box-shadow: inset 0 1px 2px rgba(10,10,10,.1); border-radius: 0; transition: box-shadow .5s,border-color .25s ease-in-out; -webkit-appearance: none; -moz-appearance: none;" type="file" name="content['+i+']"  >';
               }
                 pdfChange += '<span id="span'+i+'">'+json[i].tips+'</span><br/>';
         }
@@ -250,6 +250,11 @@
           document.getElementById('contentArea').innerHTML = strVar2;
           document.getElementById('google_drive').innerHTML = " ";
 
+  $(document).ready(function() {
+    $("#changes").validate();
+  });
+  
+
   
 if($(window).width() > 700){
 
@@ -367,12 +372,16 @@ $(window).resize(function () {
                   for (var i = 0, file; file = files[i]; i++) {
                       console.log(file);
                       imagefiles.push(file);
-                      console.log(imagefiles);
+                     // console.log(imagefiles);
                   }
               });
 
 
               $("#changes").submit(function(e) {
+                 e.preventDefault();
+
+               if($("#changes").valid()) { 
+
                   $(tinymce.get()).each(function(i, el) {
 
                       if (el.id)
@@ -384,7 +393,7 @@ $(window).resize(function () {
                   });
 
 
-                  e.preventDefault();
+                 
 
                   var form = $("#changes");
 
@@ -392,6 +401,7 @@ $(window).resize(function () {
 
                   returnfileOptions(imagefiles, form);
                   return false;
+                }else{return false;}
               });
 
 
@@ -465,7 +475,7 @@ $(window).resize(function () {
 
 
 
-                      jsonReturn += '{"label":"' + json[i].label + '", "locationUp":"' + json[i].locationUp + '", "locationRight":"' + json[i].locationRight + '","width":"' + json[i].width + '","height":"' + json[i].height + '", "pages":"' + json[i].pages + '", "content":' + content + ', "z-index":null, "idstylesPDF":"' + json[i].idstylesPDF + '", "style":' + style + ', "order":"' + json[i].order + '", "idchange_typePDF":"' + json[i].idchange_typePDF + '", "change_type":"' + json[i].change_type + '", "fileLocation":"' + pluginUrl + '/wp-content/plugins/pdf-customizer-plugin/admin/images"}';
+                      jsonReturn += '{"label":"' + json[i].label + '", "locationUp":"' + json[i].locationUp + '", "locationRight":"' + json[i].locationRight + '","width":"' + json[i].width + '","height":"' + json[i].height + '", "pages":"' + json[i].pages + '", "content":' + content + ', "z-index":null, "idstylesPDF":"' + json[i].idstylesPDF + '", "style":' + style + ', "order":"' + json[i].order + '", "idchange_typePDF":"' + json[i].idchange_typePDF + '", "change_type":"' + json[i].change_type + '", "fileLocation":"' + pluginUrl + '/wp-content/uploads/pdf/"}';
 
 
                       if (i < json.length - 1) {