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>

目录
相关文章
|
前端开发 JavaScript 数据处理
在JavaScript中,异步函数是指那些不会立即执行完毕,而是会在未来的某个时间点(比如某个操作完成后,或者某个事件触发后)才完成其执行的函数
【6月更文挑战第15天】JavaScript中的异步函数用于处理非同步任务,如网络请求或定时操作。它们使用回调、Promise或async/await。
153 7
|
JSON 前端开发 JavaScript
在JavaScript中,异步编程是一种处理非阻塞操作(如网络请求、文件读写等)的重要技术
【6月更文挑战第12天】JavaScript中的异步编程通过Promise和async/await处理非阻塞操作。Promise管理异步操作的三种状态,防止回调地狱,支持链式调用和并行处理。async/await是ES8引入的语法糖,使异步代码更像同步代码,提高可读性。两者结合使用能更高效地处理复杂异步场景。
116 3
|
JavaScript 前端开发 UED
JavaScript基础-DOM操作:查找、创建、修改
【6月更文挑战第12天】本文介绍了DOM基础,包括查找元素(getElementById、getElementsByClassName等)、创建新节点(createElement、createTextNode)和修改节点(innerText、innerHTML、setAttribute等)。强调了易错点,如ID唯一性、性能考量和安全问题,并提供了代码示例。熟练掌握DOM操作对前端开发至关重要,但应注意性能优化,适时使用框架或库。
241 2
JavaScript基础-DOM操作:查找、创建、修改
|
JavaScript 前端开发 索引
JavaScript编码之路 【JavaScript之操作数组、字符串方法汇总】(三)
JavaScript编码之路 【JavaScript之操作数组、字符串方法汇总】(三)
161 1
|
存储 JavaScript 前端开发
js/javascript 操作字符串【全】(含常用的操作字符串的lodash)
js/javascript 操作字符串【全】(含常用的操作字符串的lodash)
181 1
|
JavaScript 前端开发 安全
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
168 5
|
JavaScript vr&ar 数据库
技术笔记:Js获取当前日期时间及其它操作
技术笔记:Js获取当前日期时间及其它操作
747 1
|
存储 前端开发 JavaScript
回调函数是JavaScript中处理异步编程的常见模式,常用于事件驱动和I/O操作。
【6月更文挑战第27天】回调函数是JavaScript中处理异步编程的常见模式,常用于事件驱动和I/O操作。它作为参数传递给其他函数,在特定条件满足或任务完成后被调用。例如,`asyncOperation`函数接受回调函数`handleResult`,模拟异步操作后,调用`handleResult`传递结果。这样,当异步任务完成时,`handleResult`负责处理结果。
179 1
|
存储 JavaScript 前端开发
JavaScript中的数组是核心数据结构,用于存储和操作序列数据
【6月更文挑战第22天】JavaScript中的数组是核心数据结构,用于存储和操作序列数据。创建数组可以使用字面量`[]`或`new Array()`。访问元素通过索引,如`myArray[0]`,修改同样如此。常见方法包括:`push()`添加元素至末尾,`pop()`移除末尾元素,`shift()`移除首元素,`unshift()`添加到开头,`join()`连接为字符串,`slice()`提取子数组,`splice()`进行删除、替换,`indexOf()`查找元素位置,`sort()`排序数组。还有其他如`reverse()`、`concat()`等方法。
220 2
|
JavaScript 前端开发
使用js对文本框设置字数限制
使用js对文本框设置字数限制
175 0

热门文章

最新文章