2011-07-14 4 views
0

ajaxFormでspry検証を使用しようとしています。問題は、私が以前の時刻にspryの検証を強制しているとは思わないということです.Submitはフォームを見つけることです。私はすべてのエラーを取得していないよ、それはSpry検証を使用するajaxForm

$("#form1").ajaxForm({ 
     url: "processPhoneEdit.php", 
     beforeSubmit: function(){ 
      if (Spry) { // checks if Spry is used in your page 
       var r = Spry.Widget.Form.validate(form1); // validates the form 
        if (r) 
         alert("testing"); 
         return (r); 

      } 
     }, 
     success: alert("success"), 
     complete: alert("complete") 
}); 
+0

私の質問が悪いですの? –

+0

http://abcoder.com/javascript/using-dreamweaver-spry-validation-with-jquery-ajax-form-plugin/ これは私が説明しようとしていることです。 –

答えて

1

が、私はプログラマの多くはないんだけど、フォーム、「Form1の」を見つけることができないので、発射されていないbeforeSubmitように思えるが、これは私の解決策だった。

// Submit button is clicked 
    $("#submitShipment").click(function() 
    { 

     // Spry validation: if true 
     if (Spry.Widget.Form.validate(form1) == true) 
      { 

       // opens the Please Wait dialog 
       $('#dialogPleaseWait').dialog('open'); 
       // disables the submit button 
       $('#submitShipment').button('disable'); 
       // Posts form to callback page, serializes the form into a URL string and waits for a result (success/fail) 
       $.get("callbacks/insertShipment.asp", $("#form1").serialize(), insertCallback); 

      } 
      else // Spry validation: if false 
      { 
       // opens jQuery UI dialog to inform user Validation failed 
       $('#dialogDespatchValFail').dialog('open'); 
      } 

    }); 
0

これを試してみてください。..

$("#form1").ajaxForm({ 
      target:'#some_div', 
      url:'processPhoneEdit.php', 
      clearForm: 'true', 
      beforeSubmit: function(formData, jqForm, options){ 
      if (Spry) { // checks if Spry is used in your page 
       r = Spry.Widget.Form.validate(jqForm[0]); // validates the form 
       if (!r) { 
        return r; 
       } 
      } 
      if(r) { 
       $('#submit').attr({ 
        'disabled':'disabled', 
        'value':'Processing. Please Wait...' 
       });  
      } 
      }, 
      success: function() { 
       $('#form1').hide(); 
      } 
     }); 
関連する問題