javascript
JavaScript文本框的操作
1.獲取文本框里的回車數(shù)：
<script? language=javascript>?
function? getCount()
{
??? var count=document.all('TextArea1').innerHTML.split('/n').length;//獲取回車的個(gè)數(shù)
??? alert("總共有"+ count +"個(gè)回車");
}?
</script>?
</HEAD>
<BODY>
??? <textarea id="TextArea1" cols="30" rows="8"></textarea>
??? <input id="Button1" type="button"? value="獲取" οnclick="getCount()" />
2.判斷文本框里漢字個(gè)數(shù)；
<script language="JavaScript">
? function cal(str)
? {
???? re=/[/u4E00-/u9FA5]/g;? //測(cè)試中文字符的正則
??? if(re.test(str))??????? //使用正則判斷是否存在中文
??? return str.match(re).length //返回中文的個(gè)數(shù)
??? else
??? return 0
??}
</script>
<input id="a">
<input type=button value=確定 οnclick="alert('一共'+cal(a.value)+'個(gè)漢字')">
3.全選文本框里的內(nèi)容；
<script language="javascript">
??? function selectAll()
??? {
?????? mytxt.select();
??? }
??? </script>
<textarea id="mytxt" cols=30 rows=6 ></textarea>
<input id="mybtn" value="全選" type="button" οnclick="selectAll()" />
?4.判斷文本框里是否有特殊字符；僅對(duì)IE有效。
<SCRIPT LANGUAGE="JavaScript">
var bForbidden = false;
var ch;
var strForbidden = new Array("<",">",".");????????? //羅列所有被禁止的方法字符
function chk(str)
{
??? for (var i=0;i<strForbidden.length;i++)
?? {???????
??? ?//遍歷用戶輸入的數(shù)據(jù)
???? for (var j=0;j<str.length;j++)
???? {
????? ch=str.substr(j,1);
????? if (ch==strForbidden[i])??????????????? //如果包含非法字符
????? {
?????? bForbidden = true;????????????????? //設(shè)置此變量為true
????? }
???? }???
??? }
??? if (bForbidden)
??? {
?????? alert("包含特殊字符,已經(jīng)被禁止!");??
??? }
}
</SCRIPT>
<input type=text name="txt1" value="this is test!">
<input type=button value="測(cè)試文本" onClick="javascript:chk(txt1.value)">
5.防止文本框里的內(nèi)容被復(fù)制；
<textarea cols=50 rows=5 οncοpy="document.selection.empty()"? οnpaste="return false">測(cè)試是否可以拷貝粘貼</textarea>
6.文本框自適應(yīng)行數(shù)（IE適用）；
<textarea rows=1 name=txt1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>
7.下劃線的文本輸入框；
下劃線的輸入框<input type="text" name="txt1" size="25"
style=" border:1px; border-bottom-style: solid;border-top-style: none;border-left-style:none;border-right-style:none;">
<br />
<br />
默認(rèn)的輸入框<input id="Text1" size="25" type="text" />
8.自動(dòng)保存網(wǎng)頁輸入到文件；
window.οnlοad=function()
{
???? document.open("text/html");??????????????????? //打開窗口
???? document.write("把這些文字保存起來！！！！！");//輸出內(nèi)容
???? document.execCommand("saveAs","true","我的網(wǎng)頁");//打開另存為對(duì)話框
???? document.close();??????????????????????????????? //關(guān)閉文檔
}
9.文本框顯示選中的頁面內(nèi)容；
<SCRIPT LANGUAGE="JavaScript">
var txt1 = "";
function getSelect()
?{
??? txt1 = (document.all) ? document.selection.createRange().text : document.getSelection();//獲取當(dāng)前選中的文本
??? document.form1.txt1.value = txt1;?????????????????????????????????????????????????????? //顯示選擇內(nèi)容
??? return true;
}
document.onmouseup = getSelect;???????????????????????????????????????????????????????????? //綁定鼠標(biāo)事件
if (!document.all)
??? document.captureEvents(Event.MOUSEUP);????????????????????????????????????????????????? //netscape下的鼠標(biāo)事件捕獲
</script>
?
<form name=form1>
<strong><input type=text name=txt1 value=""></strong>這是一個(gè)測(cè)試文檔
</form>
?
?10.文本框的默認(rèn)輸入法；（IE使用）
<body>
默認(rèn)：<input><br>
中文：<input style="ime-mode:active"><br>
英文：<input style="ime-mode:disabled">
</body>
轉(zhuǎn)載于:https://www.cnblogs.com/zhangqs008/archive/2009/08/25/2341264.html
總結(jié)
以上是生活随笔為你收集整理的JavaScript文本框的操作的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 总结开发Silverlight项目准则(
- 下一篇： C#实现MVC模式简要方法(2)