1.PNG
1.dom结构：
<body> <div>一共能输入20个字符，已输入0个，还能输入20个</div> <form action="#" method="post"> <textarea cols="60" rows="7"></textarea> </form> </body>
2.script脚本：
<script type="text/javascript"> window.onload=function(){ var content=document.getElementById("content"); var info=document.myform.info; info.onkeyup=info.onkeydown=function(){ var str=info.value; var length=check(str); var strs=20; if (length<=strs) { content.innerHTML="一共能输入"+strs+"个字符，已输入"+length+"个，还能输入"+(strs-length)+"个"; }else{ info.value=str.substring(0,strs); } } //检测中英文 function check(str){ var num=0; for(var i=0;i<str.length;i++){ if(str.charCodeAt(i)>=0 && str.charCodeAt(i)<=255){//英文 num++; }else{//中文 num+=2; } } return num; } } </script>
五、表单验证
onsubmit 当表单提交的时候触发的事件
----------------------------------------------------------------------------------------------
<form action="www.baidu.com" method="post" onsubmit="return check(this)"></form> return false; //阻止表单默认行为
----------------------------------------------------------------------------------------------
六、submit方法
该方法用来实现自动提交
而事件onsubmit只能用来手动提交
以上所述是小编给大家介绍的Javascript操作表单实例讲解（下），希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章: