Jquery 在输入字段旁边显示成功保存的消息
我有一个表单,其中有编辑和保存按钮切换,使输入框可编辑和禁用 我需要在输入框旁边添加一条成功消息 HTMLJquery 在输入字段旁边显示成功保存的消息,jquery,css,toggle,textinput,Jquery,Css,Toggle,Textinput,我有一个表单,其中有编辑和保存按钮切换,使输入框可编辑和禁用 我需要在输入框旁边添加一条成功消息 HTML <form> <label>First Name</label> <input type="text" placeholder="Lorem" readonly required /><input name="Edit" type="button" value="Edit"> <span class
<form>
<label>First Name</label>
<input type="text" placeholder="Lorem" readonly required /><input name="Edit" type="button" value="Edit"> <span class="alert">test</span>
<label>First Name</label>
<input type="text" placeholder="Lorem" required readonly /><input name="Edit" type="button" value="Edit">
<label>Email ID</label>
<input type="email" placeholder="Lorem" required readonly /><input name="Edit" type="button" value="Edit">
<label>Password</label>
<input type="password" placeholder="********" required readonly /><input name="Edit" type="Button" value="Edit">
</form>
这是你的电话号码
这就是我需要在保存消息时显示消息的方式
更改:
$(".alert").fade();
致:
试试这个:
$('[name="Edit"]').on('click', function() {
if($(this).val()=='Save')
{
$(".alert").fadeIn();
}
var prev = $(this).prev('input'),
ro = prev.prop('readonly');
prev.prop('readonly', !ro).focus();
$(this).val(ro ? 'Save' : 'Edit');
});
$(".alert").fadeIn();
$('[name="Edit"]').on('click', function() {
if($(this).val()=='Save')
{
$(".alert").fadeIn();
}
var prev = $(this).prev('input'),
ro = prev.prop('readonly');
prev.prop('readonly', !ro).focus();
$(this).val(ro ? 'Save' : 'Edit');
});