js验证功能

尽管安全性有待斟酌,但是js确实可以很方便的提供表单和其他页面输入数据的合法性校验.

信息系统在服务器中检验面临一个很大的问题,那就是校验实时性和网络的开销.在Web信息系统中如果服务器端校验出了提交的表单数据不合法,依据传统的实现方式服务器需要在提供校验的同时把这张不合格的单数据发回客户.


js校验数据合法性是目前js在信息系统中被使用最频繁的一个功能.


绕开脚本陷阱.
js作为嵌入式语言,本身有各种各样的缺陷,即使从语言本身来说,js目前任何版本也不是很完美的.

不能完全相信你所见到的.
版本兼容性是javascript兼容的最大难题,

outerHTML
图例分析outerHTML的用途-----与innerHTML不同,outerHTML包括整个标签,而不仅限于标签内部的内容.对于一个Id为"testdiv"的div来说,outerHTML,innerHTML以及innerText三者的区别可以通过右图展示出来.

outerHTML可以用来更改或获取元素内所有的html和文本内容,包含引用该方法元素自身的标签.
innerHTML是用来获取元素内的html内容和文本
innerText只获取元素内的文本内容,html标签将会被忽略

以上大家不要混淆
注意outerHTML,innerText不是W3C标准,并且只支持IE浏览器


 <html>
  <head>
  <title>Demo</title>
  <style><!-- body {font-family:"宋体";color="blue";font-size="9pt"} --> </style>
  <script language="JavaScript">
  //.innerHTML 
  function innerHTMLDemo() 
  {
  test_id1.innerHTML="<i><u>设置或获取位于对象起始和结束标签内的HTML.</u></i>";
  }
  //.innerText 
  function innerTextDemo() 
  {
  test_id2.innerText="<i><u>设置或获取位于对象起始和结束标签内的文本.</u></i>";
  }
  //.outerHTML 
  function outerHTMLDemo() 
  {
  test_id3.outerHTML="<i><u>设置或获取对象及其内容的 HTML 形式.</u></i>";
  } 
  //.outerText 
  function outerTextDemo() 
  {
  test_id4.outerText="<i><u>设置(包括标签)或获取(不包括标签)对象的文本.</u></i>";
  } 
  </script>
  </head>
  <body>
  <ul>
  <li id="test_id1" onclick="innerHTMLDemo()">innerHTML效果.</li>
  <li id="test_id2" onclick="innerTextDemo()">innerText效果.</li>
  <li id="test_id3" onclick="outerHTMLDemo()">outerHTML效果.</li>
  <li id="test_id4" onclick="outerTextDemo()">outerText效果.</li>
  </ul>
  </body>
  </html>

 

 

posted @ 2012-11-16 22:49  sgsheg  阅读(278)  评论(0编辑  收藏  举报