Как изолировать JavaScript и привязать его к определенной форме

Question

У меня есть 3 формы на одной странице.Первые два работают нормально.Третий находится ниже первого 2. Все имеют уникальную форму и имена идентификаторов.

Проблема в том, что третья форма зависит от JavaScript.Если я запускаю 3-й сам по себе, он работает нормальноНо если у меня есть 3-я форма на странице с ее скриптом и я пытаюсь запустить любую из форм выше, формы выше ломают и каким-то образом запускают javascript, который предназначен для работы только с 3-ей формой.

Если я возьмуВ сценарии все три формы работают без конфликтов - за исключением того, что я теряю строку состояния загрузки для 3-й формы.

Вот неправильный сценарий:

<script>
$(function() {
$(document).ready(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 + '%';
    percent.html(percentVal);
    bar.width(percentVal);
    },
complete: function(xhr) {
    status.html(xhr.responseText);
    }
    });
});
});
</script>

Если я изменю это:

$('form').ajaxForm({

к этому, например

 $('aform').ajaxForm({

, он отключает скрипт и позволяет работать всем остальным формам.

Я пробовал:

 $('this.form').ajaxForm({

и $ ('document.form'). AjaxForm ({

Я пытался использовать имя формы:

 $('form.[3]').ajaxForm({

Но это не работает

, и я попытался использовать имя формы

 $('upload').ajaxForm({
 $('form.upload').ajaxForm({
 $('form[upload]').ajaxForm({

Но ничего не работает. Код должен использовать термин «форма» тамили индикатор выполнения ломается

Должен быть какой-то способ связать этот скрипт только с рассматриваемой формой, чтобы другие не стали его искать и пытались выполнить