JavaScript文本框的操作


1.獲取文本框里的回車數:

<script  language=javascript> 
function  getCount()
{
    var count=document.all('TextArea1').innerHTML.split('/n').length;//獲取回車的個數
    alert("總共有"+ count +"個回車");

</script> 
</HEAD>
<BODY>
    <textarea id="TextArea1" cols="30" rows="8"></textarea>
    <input id="Button1" type="button"  value="獲取" onclick="getCount()" />

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 id="a">
<input type=button value=確定 onclick="alert('一共'+cal(a.value)+'個漢字')">

3.全選文本框里的內容;

<script language="javascript">
    function selectAll()
    {
       mytxt.select();
    }
    </script>

<textarea id="mytxt" cols=30 rows=6 ></textarea>
<input id="mybtn" value="全選" type="button" onclick="selectAll()" />

 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"
style=" border:1px; border-bottom-style: solid;border-top-style: none;border-left-style:none;border-right-style:none;">
<br />
<br />
默認的輸入框<input id="Text1" 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 style="ime-mode:active"><br>
英文:<input style="ime-mode:disabled">
</body>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM