JavaScript — делает текстовое поле серым / отключенным после сохранения данных в базе данных (ajax / php)

У меня есть следующий код:

<input type="text" value="name" id="name" />
<input type="button" id="button" value="Click Me" /></p>

<script>
$( "#button" ).click(function() {
var text = $("#name").val();
$.ajax({
url: 'page.php',
type: "POST",
data: {
text: text
},
success: function(response) {
alert("inserted");
}
});
});
</script>

и теперь все работает нормально, но после нажатия кнопки я получаю всплывающее сообщение (оповещение) о том, что данные были вставлены. Вместо этого я хочу выделить текстовое поле серым цветом — возможно ли это?

-3

Решение

Вы можете отключить ввод текста, используя prop(), Это также затеняет его в большинстве браузеров. Попробуй это:

success: function(response) {
$('#name').prop('disabled', true);
}
1

Другие решения

function disable(){
$("#name").prop("disabled",true);
}
1

Попробуйте этот способ после ajax обратный звонок,

    $("#name").attr('readonly', 'true'); // mark it as read only
$("#name").css('background-color' , '#DEDEDE'); // change the background color
0
По вопросам рекламы [email protected]