<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form id="form" action="#">
<textarea id="ta">
</textarea>
<div>还可以输入<span id="num">1500</span>个字</div>
<input type="submit" value="submit">
</form>
<script type="text/javascript">
(function() {
var MAX_NUM = 1500;
var ta = document.getElementById("ta");
if (document.all) {
ta.onpropertychange = valueChange();
} else {
ta.addEventListener("input", valueChange, false);
}
function valueChange() {
if (ta.value.length > MAX_NUM) {
this.value = this.value.slice(0, MAX_NUM);
alert('超过限制');
}
document.getElementById('num').innerHTML = MAX_NUM - ta.value.length;
}
var msg = '';
document.getElementById('form').onsubmit = function() {
if (msg === ta.value) {
alert('重复提交');
return false;
} else {
msg = ta.value;
}
}
})();
</script>
文本输入框实时统计字数,并防止重复提交
最新推荐文章于 2024-08-15 08:55:57 发布