DreamWeaver CS3中的SPRY的自定义验证

  近两日,用了DreamWeaver CS3中的SPRY组件。发现,它能自动的对一些输入进行前台认证。还算比较方便,它内置了一些验证的内容,例如:数字验证、字符串验证、邮政编码验证、日期验证等等。  

  不过,美中不足的是,它内置的一些验证,在中国的实际应用中并不是很大,因为它提供的一些验证都是以美国的标准来的,和中国的标准还有些差距。  

  这时,唯一想到就是扩展它的验证。修改它的代码就不想了,自己水平不够。看看有没有其他的方法。在网络上找了一些资料后,经过自己的实践,终于成功了。现将代码赋予其后。  

 


<span id="sprytextfield1">
<input type="text" name="text1" id="text1" />
<span class="textfieldRequiredMsg">需要提供一个值。</span>

 <span class="textfieldInvalidFormatMsg">数据无效。</span></span>

 

   这是你手动拖一个SPRY的文本框验证的生成一段代码。  

  后面是一段声明SPRY的代码 

 


<script type="text/javascript">
<!--
var sprytextfield1 = new Spry.Widget.ValidationTextField

("sprytextfield1", "custom", {validateOn:["blur"],validation:EXT});
//-->
</script>

  最后的validation:EXT是我手动添加的,表示SPRY的验证通过调用EXT这个函数来实现。EXT返回True,表明验证通过,EXT返回False表示验证不通过。(EXT是函数名,可以自己另外定义,不过这种方法貌似不能传递参数) 


<script language="javascript">
var EXT = function(){
var objReg=/(13)(\d{9})/;
t=form1.text1.value;
return objReg.test(t);
}
</script>

  上面这段代码,表示验证text1的内容时候符合中国的手机号码。

   我们可以通过修改EXT函数来达到自定义验证的效果。例如:验证密码框和重复密码框中的内容是否一样。  


<script language="javascript">
var EXT = function(){
return (form1.Pass.value==form1.RePass.value);
}
</script>

时间: 2024-07-28 13:52:11

DreamWeaver CS3中的SPRY的自定义验证的相关文章

Dreamweaver CS3中的Spry详细区域功能介绍

Dreamweaver CS3中集成了Spry功能我们都知道,Spry具有对XML数据处理的功能我们也见识过,不过对于Spry的详细区域功能似乎很少见. Spry详细区域有点类似于新闻系统中的新闻列表页和主详细页的功能.比如我们看新闻时,其中有一个页面只会显示所有新闻的标题,当对该标题感兴趣时可以单击该标题打开一个新的网页,就可以查看到该新闻的全部内容了.那么显示所有标题列表的页面我们称为"主页",而显示具体新闻内容的页面称为"详细页". 很显然,这个主详细页最起码

Dreamweaver CS3中Spry详细区域功能

Dreamweaver CS3中集成了Spry功能我们都知道,Spry具有对XML数据处理的功能我们也见识过,不过对于Spry的详细区域功能似乎很少见. Spry详细区域有点类似于新闻系统中的新闻列表页和主详细页的功能.比如我们看新闻时,其中有一个页面只会显示所有新闻的标题,当对该标题感兴趣时可以单击该标题打开一个新的网页,就可以查看到该新闻的全部内容了.那么显示所有标题列表的页面我们称为"主页",而显示具体新闻内容的页面称为"详细页". 很显然,这个主详细页最起码

Dreamweaver CS3中的CSS布局规则

标签应用一般对于"body"标签一次性使用,对于诸如"li"."td"等在页面中重复性比较大的标签不推荐定义. 建立您可以使用DW的代码编辑器进行CSS代码的编写.今天向大家介绍Dreamweaver CS3网页制作中的CSS布局规则 . CSS文件的链接方式  ·附加链接:外部CSS文件 ·导入CSS:常用应用多个CSS文件时,将多个CSS导入一个CSS文件中  CSS规则定义有三种  ·类比如".RedText".&quo

Dreamweaver CS3中Head元素详解及使用

HEAD元素中包含了许多重要的信息,例如文档类型.语言编码.JavaScript和VBscript的函数和变量.搜索引擎的要害字和内容提示等.您可以使用VIEW-HEAD CONTENT或HTML检查器(F10)查看其内容. 要将元素插入文档的HEAD部分请选OBJECT面板的HEAD,下面介绍一下HEAD元素的部分属性: Meta:它可以记录当前页面的信息,例如字符编码.作者.版权和要害字等.还可以用来向服务器提供信息,例如截止日期和页面刷新间隔等. Attribute:指定META标签是否包

Dreamweaver CS3中用Spry将XML数据显示到HTML页

使用Spry轻松将XML数据显示到HTML页 随着对Dreamweavse cs3中集成Spry功能的深入学习,了解并掌握到Spry框架的一些功能模块,其中就有通过Dreamweavse cs3可视化操作轻松将XML数据显示到HTML页中. 当然,谈到如何将XML数据插入显示到HTML页中,通常立即想到的就是数据岛.比如: <xml id="blog"><blog> <title>Test xml</title> <atime>

在Dreamweaver CS3中用Spry将XML数据显示到HTML页

 使用Spry轻松将XML数据显示到HTML页 随着对Dreamweavse cs3中集成Spry功能的深入学习,了解并掌握到Spry框架的一些功能模块,其中就有通过Dreamweavse cs3可视化操作轻松将XML数据显示到HTML页中. 当然,谈到如何将XML数据插入显示到HTML页中,通常立即想到的就是数据岛.比如: <xml id="blog"> <blog> <title>Test xml</title> <atime&

Dreamweaver CS3 最新功能描述

dreamweaver 随着Adobe Dreamweaver CS3的预销 我们开始了新一轮的Dreamweavr学习,那么让我们先了解下Dreamweaver CS3都有哪些新功能: 适合于 Ajax 的 Spry 框架 使用适合于 Ajax 的 Spry 框架, 以可视方式设计.开发和部署动态用户界面. 在减少页面刷新的同时, 增加交互性.速度和可用性. Spry 数据 使用 XML 从 RSS 服务或数据库将数据集成到 Web 页中.集成的数据很容易进行排序和过滤. Spry 窗口组件

Dreamweaver CS3最新功能描述

随着Adobe Dreamweaver CS3的预销 我们开始了新一轮的Dreamweavr学习,那么让我们先了解下Dreamweaver CS3都有哪些新功能: 适合于 Ajax 的 Spry 框架 使用适合于 Ajax 的 Spry 框架, 以可视方式设计.开发和部署动态用户界面. 在减少页面刷新的同时, 增加交互性.速度和可用性. Spry 数据 使用 XML 从 RSS 服务或数据库将数据集成到 Web 页中.集成的数据很容易进行排序和过滤. Spry 窗口组件 借助来自适合于 Ajax

体验Adobe Dreamweaver CS3新特性

   GoLiver和Dreamweaver同为网页设计工具,目前Adobe 发布了Dreamweaver CS3新版本,让我们看看加入Adobe大家庭的Dreamweaver有什么新特性. Dreamweaver 8的CSS设计工具对于那些没有任何编程经验,设计背景出身的用户而言仍然遥不可及.Dreamweaver CS3则修正了这些问题,对于没有太多编程经验的人来说,上手起来也比较容易.然而由于CSS和Ajax自身所含有的复杂因素等问题,导致使用这两种技术绝非像使用老掉牙的HTML进行网页设