Walidacja formularza i progres bar - problem. Opcje

[vwdragon]

Witam..

Mam formularz do wysyłania załącznika na maila. Waliduje jego treść przy pomocy:
http://www.position-relative.net/creation/...FieldTypes.html

Przed dodaniem walidacji miałem progres bar ze stronki http://www.malsup.com/jquery/form/#getting-started
Klikałem na przycisk do wysyłania odpalał się progres bar a potem phpmail i wysyłał załączony plik.

Gdzie teraz muszę umieścić skrypcik poniższy skrypcik aby po walidacji a przed wysłaniem maila pojawił się jeszcze działający progres bar.?

CODE

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
<script src="http://malsup.github.com/jquery.form.js"></script>
<script>
(function() {

var bar = $('.bar');
var percent = $('.percent');
var status = $('#status');

$('form').ajaxForm({
beforeSend: function() {
status.empty();
var percentVal = '0%';
bar.width(percentVal)
percent.html(percentVal);
},
uploadProgress: function(event, position, total, percentComplete) {
var percentVal = percentComplete + '%';
bar.width(percentVal)
percent.html(percentVal);
},
success: function() {
var percentVal = '100%';
bar.width(percentVal)
percent.html(percentVal);
},
complete: function(xhr) {
status.html(xhr.responseText);
}
});

})();
</script>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">
_uacct = "UA-850242-2";
urchinTracker();
</script>vwdragon
Posty: 6Dołączył(a): 27.02.2014


Góra

--------------------------------------------------------------------------------