ajax 양식을 확인하는 방법은 무엇입니까?

Question

jQuery FormBuilder Plugin을 사용하여 내 앱에서 양식 빌더를 생성합니다.

문제는 이것과 함께 제출해야하는 또 다른 두 입력 필드가 있다는 것입니다. 다음과 같이

내 형태의 구조는 다음과 같습니다

<script> 
    $(function() { 
     $('#my-form-builder').formbuilder({ 
      'save_url' : 'examplesave', 
      'load_url' : 'examplejson', 
      'useJson' : true 
     }); 
    }); 
</script> 

<form id="myForm"> 
    <input type="text" id="fname" /> 
    <input type="text" id="lname" /> 
    <div id="my-form-builder"></div> 
</form> 

나는 다른 두 개의 입력 필드를 추가 할 수있는 jquery.formbuilder.js 파일을 편집했습니다

// saves the serialized data to the server 
      var save = function() { 
        var fname= $('#fname').val(); 
        var lname= $('#lname').val(); 

        if (opts.save_url) { 
         $.ajax({ 
          type: "POST", 
          url: opts.save_url, 
          data: $(ul_obj).serializeFormList({ 
           prepend: opts.serialize_prefix 
          }) + "&form_id=" + form_db_id + "&fname=" +fname + "&lname=" +lname, 
          success: function() {} 
         }); 
        } 
       }; 

지금까지 너무 좋아. 이것은 완벽하게 작동합니다. 문제는 제출하기 전에 입력란의 유효성을 검사하기 위해 jquery Validate plugin을 사용하고 싶습니다. 이제 (document).ready에 jQuery Form plugin을 사용하여 필드의 유효성을 검사 할 수 있습니다. 뭔가 같이 :

$('#myForm').ajaxForm(
       { 
        type: "POST", 
        url: "examplesave", 
        data: ????????????????????????????????? 
        beforeSubmit : function() { 
         $("#myForm").validate({ 
          rules : { 
           fname : { 
            required : true 
           }, 
           lname : { 
            required : true 
           } 
          }, 
          messages : { 
           fname : "Please enter...", 
           lname : "Please enter..." 
          } 
         }); 
         return $("#myForm").valid(); 
        }, 
        success : function() {} 
       }); 

하지만 어떻게 데이터가

data: $(ul_obj).serializeFormList({ 
            prepend: opts.serialize_prefix 
           }) + "&form_id=" + form_db_id + "&fname=" +fname + "&lname=" +lname 

부분을 어떻게해야합니까? & 양식을 제출하기 만하면 jQuery formbuilder가 입력을 직렬화하지 않습니다. serialize 플러그인을 사용하려면 어떻게해야합니까? 나는 정말로 나 빠졌다. 나는 javascript에별로 좋지 않다.

나를 인도 해 주실 수 있습니까? 이것이 명확하지 않은 경우 자세한 내용을 추가 할 수 있습니다. 나는 두뇌가 떨어져서 갈고 닦고있다. 거기에 또 다른 접근법이 있습니까? 제발 제안 해주세요.

Answer 1

요소