100
汽車大全
JavaScript文本框的操作
1.獲取文本框裏的回車數：
<script language=javascript>
function getCount()
{
var count=document.all('TextArea1').innerHTML.split('/n').length;//獲取回車的個數
alert("總共有"+ count +"個回車");
}
</script>
</HEAD>
<BODY>
<textarea cols="30" rows="8"></textarea>
<input type="button" value="獲取" />
2.判斷文本框裏漢字個數；
<script language="JavaScript">
function cal(str)
{
re=/[/u4E00-/u9FA5]/g; //測試中文字符的正則
if(re.test(str)) //使用正則判斷是否存在中文
return str.match(re).length //返回中文的個數
else
return 0
}
</script>
<input >
<input type=button value=確定 >
3.全選文本框裏的內容；
<script language="javascript">
function selectAll()
{
mytxt.select();
}
</script>
<textarea cols=30 rows=6 ></textarea>
<input value="全選" type="button" />
4.判斷文本框裏是否有特殊字符；僅對IE有效。
<SCRIPT LANGUAGE="JavaScript">
var bForbidden = false;
var ch;
var strForbidden = new Array("<",">","."); //羅列所有被禁止的方法字符
function chk(str)
{
for (var i=0;i<strForbidden.length;i++)
{
//遍曆用戶輸入的數據
for (var j=0;j<str.length;j++)
{
ch=str.substr(j,1);
if (ch==strForbidden[i]) //如果包含非法字符
{
bForbidden = true; //設置此變量為true
}
}
}
if (bForbidden)
{
alert("包含特殊字符,已經被禁止!");
}
}
</SCRIPT>
<input type=text name="txt1" value="this is test!">
<input type=button value="測試文本" onClick="javascript:chk(txt1.value)">
5.防止文本框裏的內容被複製；
<textarea cols=50 rows=5 oncopy="document.selection.empty()" onpaste="return false">測試是否可以拷貝粘貼</textarea>
6.文本框自適應行數（IE適用）；
<textarea rows=1 name=txt1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>
7.下劃線的文本輸入框；
下劃線的輸入框<input type="text" name="txt1" size="25"
>
<br />
<br />
默認的輸入框<input size="25" type="text" />
8.自動保存網頁輸入到文件；
window.onload=function()
{
document.open("text/html"); //打開窗口
document.write("把這些文字保存起來！！！！！");//輸出內容
document.execCommand("saveAs","true","我的網頁");//打開另存為對話框
document.close(); //關閉文檔
}
9.文本框顯示選中的頁麵內容；
<SCRIPT LANGUAGE="JavaScript">
var txt1 = "";
function getSelect()
{
txt1 = (document.all) ? document.selection.createRange().text : document.getSelection();//獲取當前選中的文本
document.form1.txt1.value = txt1; //顯示選擇內容
return true;
}
document.onmouseup = getSelect; //綁定鼠標事件
if (!document.all)
document.captureEvents(Event.MOUSEUP); //netscape下的鼠標事件捕獲
</script>
<form name=form1>
<strong><input type=text name=txt1 value=""></strong>這是一個測試文檔
</form>
10.文本框的默認輸入法；（IE使用）
<body>
默認：<input><br>
中文：<input ><br>
英文：<input >
</body>
最後更新：2017-04-02 03:42:39