Уведомления

Группа в Telegram: @pythonsu

#1 Май 12, 2013 13:35:24

[NK]_Jezz
От:
Зарегистрирован: 2012-03-05
Сообщения: 24
Репутация: +  0  -
Профиль   Отправить e-mail  

ajaxForm

Здравствуйте!
Допустим у нас есть самая обычная форма

  
<form enctype="multipart/form-data" id="myForm" action="{% url edit_contact edit_contact.id %}" method="POST">{% csrf_token %}
<input id="id_first_name" type="text" name="first_name" value="asd" maxlength="50" />
<input type="file" name="photo" id="id_photo" />
<textarea id="id_bio" rows="10" cols="40" name="bio">asddfcadfedf</textarea>
<div class="save"></div>
<button id="submit" type="submit">Save</button>
Мне необходимо чтобы при нажатии клавиши save, данные асинхронно отправлялись на сервер без обновления страницы.
И сделать видимость того что они отправляются для этого необходимо передавать всем полям значение disabled включать прогресс бар который будет изменяться допустим за 1 секунду, и потом убрать свойство disabled для всех элементов. Что бы снова появилась возможность редактирования данных.
На странице показано как работает элемент
http://malsup.com/jquery/form/#getting-started
<script> 
$(document).ready(function() {
$('#myForm').ajaxForm(function() {
alert("Thank you for your comment!");
});
});
</script>
она же работает и просто так
$(document).ready(function() { 
$('#myForm').ajaxForm();
});
alert внутри неё не работает!



Офлайн

#2 Май 13, 2013 07:50:56

ilnur
От: Казань
Зарегистрирован: 2009-01-06
Сообщения: 524
Репутация: +  22  -
Профиль   Отправить e-mail  

ajaxForm

повесить на событие click функцию отправки ajax запроса.

Офлайн

#3 Май 13, 2013 18:10:54

[NK]_Jezz
От:
Зарегистрирован: 2012-03-05
Сообщения: 24
Репутация: +  0  -
Профиль   Отправить e-mail  

ajaxForm

Требуется помощь с примером !



Офлайн

Board footer

Модераторировать

Powered by DjangoBB

Lo-Fi Version