Axure怎么进行邮箱格式验证?

所属分类: 软件教程 / 图形图像 阅读数: 879
收藏 0 赞 0 分享

想要制作一个邮箱验证,该制作一个判断邮箱格式是否正确的页面效果呢?请看下文详细介绍。

1、我们这里以文本框为例,新建一个文本输入框,然后在建一个标签。文本输入框用来输入需要校验的信息,标签是我们要显示的提示语。如图所示:

2、设置标签样式。选中标签,将提示语的文字颜色给为红色,然后设置为隐藏。勾选右上角的隐藏选项即可。

3、设置输入框失去焦点事件。选中文本输入框,单击交互面板中的失去焦点时--打开交互设置界面

4、设置判断条件。点击添加条件,设置判断条件如图所示:邮箱验证比较简单,我们一般只需要验证@符号和.com两个关键点。所以只要输入的文字中不包含这两个元素中的任何一个,我们就显示提示标签。

注意:添加两个条件一定要选择任何,不要选择全部,这个就是and和or的区别。

5、配置条件对应的动作。点击显示--然后选择我们第二步中隐藏的提示标签。这样在文本框失去焦点的时候会校验我们添加的条件,如果条件满足,就显示提示标签。

6、配置文字改变时条件及动作。点击交互面板中的文字改变时--添加条件。我们这里要选择文字中包含@并且包含.com,提示的标签隐藏。

注意:这里两个条件要选择全部,必须是两个条件同时满足才可以。如图所示:

7、点击预览,输入一个错误的格式,会提示格式不正确,修改会提示消失。

以上就是Axure对输入的内容进行验证的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

Axure怎么设计网页强密码验证效果?

Axure怎么实现电话号码的验证的原型?

Axure RP 8怎么制作验证码倒计时原型?

更多精彩内容其他人还在看

C4D怎么快速建模警示牌路障模型?

C4D怎么快速建模警示牌路障模型?如果道路在施工,需要使用一些警示牌路障来防止车辆通行,该怎么建模三维立体的警示牌呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

c4d怎么建模圆形杯子? c4d茶杯建模教程

c4d怎么建模圆形杯子?c4d中想要建模一款圆形的杯子,该怎么圆形杯子呢?下面我们就来看看c4d茶杯建模教程,需要的朋友可以参考下
收藏 0 赞 0 分享

C4D怎么快速建模病毒模型? c4d病毒结构模型创建方法

C4D怎么快速建模病毒模型?现在新冠肺炎病毒在全世界的影响很大,想要创建一个病毒模型,该怎么创建呢?下面我们就来看看c4d病毒结构模型创建方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Sketch怎么删除组件? Sketch组件删除方法

Sketch怎么删除组件?Sketch绘制图形想要添加各种组件,有些组件并不常用,想要删除,该怎么删除呢?下面我们就来看看Sketch组件删除方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Axure怎么创建页面常见的Tab页效果?

Axure怎么创建页面常见的Tab页效果?Axure中经常制作页面,想要制作Tab页效果,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

X-Particles4怎么激活?X-Particles4.0离线版中文永久激活图文教程(含下载)

X-Particles离线版是一款运行在Cinema 4D平台下的超强粒子插件,包含了刚体、柔体动力学、布料解算、SPH流体,甚至还能模拟布料。这里提供X-Particles离线破解版的安装使用教程,内含下载
收藏 0 赞 0 分享

C4D怎么创建三维立体的箭头模型?

C4D怎么创建三维立体的箭头模型?C4D中想要创建三维立体的箭头模型,该怎么创建箭头?我们有两种方法,下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

C4D文字怎么添加不同的颜色?

C4D文字怎么添加不同的颜色?C4D想要给文字不停的部分填充不同的颜色,该怎么操作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

MindMaster思维导图主题怎么添加箭头图标?

MindMaster思维导图主题怎么添加箭头图标?MindMaster画的思维导入想要给主题添加箭头,该怎么添加呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

MindMaster思维导图主题怎么添加注释?

MindMaster思维导图主题怎么添加注释?MindMaster绘制的思维导图,想要给主题添加注释,更方便理解,该怎么添加注释呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多