Senden Sie das Formular mit AJAX und setzen Sie das Eingabefeld auf schreibgeschützt ⇐ Jquery

[Anonymous]

Ich habe ein Problem beim Absenden des Formulars mit AJAX. Drucken Sie die Antwortzeichenfolge unter dem Formular aus und setzen Sie die Eingabe auf schreibgeschützt.

Mein Code:

Code: Select all

$('#save').click(
function(){
var form_data ={
name: $('#name').val(),
ajax:'1'
};
$.ajax({
url:"page.php",
type: 'POST',
data: form_data,
success: function(data){
$('#form_message').html(data);
}
});
$('#name').toggleClass('bgcolored');
$('#save').addAttr('readonly');
$('#save').toggleClass("invisible");
return false;
}

Wenn ich die Zeile $('#save').addAttr('readonly'); lösche, funktioniert das Skript: Es sendet Werte, fängt die Antwort ab und druckt sie in das Div form_message und schaltet die beiden Klassen im Eingabefeld #name und auf der Senden-Schaltfläche #save um.
Wenn ich $('#save').addAttr('readonly'); eingebe (dort oder in der Erfolgsfunktion) werden die Seiten neu geladen und die Nachricht geht verloren.

Wie kann ich das beheben?

Danke!