< textarea>是多行文本输入框,可以控制输入的长度和行数。
change事件是根据值改变进行触发的。
多行文本输入框
<textarea id="notice" name="notice" maxlength="700" rows="7" class="form-control input-sm inline"
placeholder="请输入微信关注通知内容"></textarea>
change事件
使用了swal插件
$("textarea[name='notice']").on('change', function () {
if(content==''){
toastr.warning('通知内容不能为空!')
return false;
}
swal({
title: "请确认要修改通知内容吗",
text: "注意:修改之后立即生效",
type: "info",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "确定",
cancelButtonText: "取消",
closeOnConfirm: false,
showLoaderOnConfirm: true
}, function (isConfirm) {
if (isConfirm) {
$.ajax({
url: url,
type: "POST",
dataType: 'json',
success: function (data) {
if (data.state == 1) {
swal("操作成功!", "", "success", "好");
$("#notice").val($("textarea[name='notice']").val());
} else {
swal(data.message, "", "error", "好");
window.location.reload();
}
}
});
} else {
$("#notice").val($("textarea[name='notice']").val());
}
});
})