Javascript实例教程(18-2)

2016-02-19 21:26 1 1 收藏

下面图老师小编跟大家分享一个简单易学的Javascript实例教程(18-2)教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

【 tulaoshi.com - Web开发 】

charAt()函数

这个函数返回在字符串中字符处在给定的位置。从本质上讲,它是substring()方法的一个特例,但是它也有自己的用途。如果你原来是个C语言程序员或者其它相近的语言的程序员,那么你就能理解当引用字符的时候,可以利用string.charAt(index)来代替string[index]。

下面我们来在一个表单输入中使用这个函数。表单中有email地址,当然这个email地址要限制为字符、数字以及一个"@"符号。我们可以一次性讲字符串分列为单个字符来对它进行强制。详细代码如下:

(图1)

如图1所示。你可以按下”check Email”按钮,此时就会弹出一个对话框,如图2所示。

(图2)

你可以在上面随便填入一个email地址,然后点击”确定”键。接着还会弹出一个检查Email地址的结果。加入你输入email地址:purple@pconline.com.cn之后,你就会看到如图3所示的结果。如果你输入:ok#pconline.com.cn就会出现如图4所示的结果,因为#是一个无效的字符。

(图3)

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

(图4)

以下将详细解释上面这段代码:

以上的例子使用了一些字符串的函数、循环语句以及Boolean(布尔)运算。所有的这些在前面的教程中都有提及,当然除了toLowerCase()函数,这个函数下面再介绍。

以上的代码实际上很简单,只不过是想测试一下email地址中的每一个字符是不是一个有效的字符而已 。但是实现过程看起来有点笨拙,不象C语言或者Perl语言那样简单。从本质上讲,我们是使用charAt()来循环浏览email地址的字符串以提取出无效的字符。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

如果字符是有效的,那就继续循环;如果字符是无效的,就会弹出一个警告窗口说明那个字符是无效的,此时在设置parsed=false之后使用break语句来结束for循环。

当循环存在,我们可以检查标志parsed看是否email是有效的。如果parsed为true,那么消息将被显示。

来源:https://www.tulaoshi.com/n/20160219/1626138.html

延伸阅读
标签: Web开发
本JavaScript实例教程的推出希望对JavaScript的爱好者在学习JavaScript上能带来点帮助,也希望对初学者在学习JavaScript时,能找到一条入门捷径,本教程通过对JavaScript实例分析学习,能使学习者更容易的了解且掌握JavaScript语言。不多说了!我们的旅途就从这里开始吧!:) JavaScript简介 JavaScript是一种基于对象的脚本语言。使用它可以...
标签: Web开发
使用JavaScript中的OLE Automation 7. 怎样处理集对象 Automation对象与其它的Jscript对象有些有相同的结构。它暴露了多种方法和属性,我们可以对它们进行处理。如果你从来没有接触Visual Basic,你可能就不熟悉集对象了。集就是相关项的组。集用在Visual Basic主要是为了保持跟踪许多事情,比如从你的程序(表单集)中装载表单,或者表单(...
标签: Web开发
好吧,现在让我们来测试一下这个宏。请在HotTMetaL中打开一个文档并将视图切换到源程序视图。你可以在ProgGuide目录中选择其中一段。并且通过使用Tools(工具)-Customization(定制)关闭Enable Source Layout按钮。接着将其中一行用加入空格往右移,再从工具菜单中调用宏对话框。这时会展现出定义在HotMetaL.mcr文件的宏的列表。然后运行Refr...
标签: Web开发
使用JavaScript数组 在JavaScript 1.0中构造器只存在Date对象和用户定义的对象。你可能期望有个数组构造器,但是一直没能实现,直到JavaScript 1.1的出现,你的期望成为了现实。我们可以如下来定义用户对象: function blankArray(n) { for (var i=0; i n; i++) this[i] = null; this.length = n; } blankArray函数创建了一个数组,这...
标签: Web开发
Date(日期)对象可以使用Date()构造器来创建,在前面的教程中我们已经介绍了Date()构造器,这里就不重复叙述。它没有参数,返回的数值就是当前的日期。下面的表格显示了为日期构造器的有效输入: var today = new Date(); 返回当前的日期和时间 var newyear = new Date("December 31, 1998 23:59:59"); 输入的是表单的字符串 “月 日,...

经验教程

936

收藏

40
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部