Несколько контактных форм на странице PHP - нет страницы Обновить

Question

Возможно ли иметь несколько форм контактов на одной странице и все еще проверять и отправлять электронную почту без обновления страницы.

Я использовал учебник ниже, но если копируется, очевидно, это еще только подтверждает первоначальную форму ...

http://www.ajaxfreak.com/2009/12/03/submit-a-form-without-page-refresh-using-jquery/

Я мог скопировать JS и т.д. для каждого из требуемых форм, но должно быть более эффективный способ сделать это, возможно со скрытыми значениями & формы ids ?.

У кого-нибудь есть идеи?

Благодаря

Answer 1

Это, конечно, возможно, к сожалению, демо вручную строит строку данных вручную с использованием идентификаторов, которые не позволяют легко конвертировать в нескольких формах. Было бы гораздо удобнее использовать метод .serialize() в форме.

Следующий (упрощенный) пример должен работать для любого количества форм на странице с классом «ajax». Элементы ввода с «обязательным» классом будут сначала проверены на значение и будут иметь фоновый красный цвет, если он отсутствует:

$('form.ajax').submit(function() { 
    var validates = true; 
    $(this).find('input.required').each(function() { 
     if($(this).val() == '') { 
     $(this).css('background', '#ff9999'); 
     validates = false 
     } else { 
     $(this).css('background', '#ffffff'); 
     } 
    } 
    if(validates) { 
     $.ajax({ 
     type: "POST", 
     url: "bin/process.php", 
     $(this).serialize(), 
     success: function() { 
      // things to do on success here! 
     } 
     }); 
    } 
    return false; // prevent normal form submission. 
});