↓↓选择一款你喜欢的背景皮肤吧!↓↓
{WEB前端技术分享,APP开发,PHP编程学习}
input 、textarea输入框字数限制简单实现方法
效果:用户输入超过字数限制,弹框提示用户后再截掉超过字数限制部分
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> function ta(obj){ var val=$(obj).val().length; if(val>10){ alert("至多输入10个字符!"); $(obj).val($(obj).val().substring(0,10)) } } </script> <textarea class="txt_input" id="remark" rows="5" cols="20" onkeyup="ta(this)" maxlength="10" title="最多可输入10个字符"></textarea>
提示:你可以先修改部分代码再运行。
点击运行按钮,输入文字查看效果!
如果你觉得本站文章不错,阅读完有所收获,欢迎捐赠赞助:
(*必填)
(选填)
[ 请确保填写正确的邮箱地址,您的留言审核通过会收到邮件通知! ]
[请申请gravatar头像,木有头像的评论可能不会被回复]
【查看更多】提示:发表说说,请登录
1条评论( 网友:1 条,站长:0 条 ) 网友评论{有您的评论更精彩....}