时间:2021-05-22
想要制作一个邮箱验证,该制作一个判断邮箱格式是否正确的页面效果呢?请看下文详细介绍。
1、我们这里以文本框为例,新建一个文本输入框,然后在建一个标签。文本输入框用来输入需要校验的信息,标签是我们要显示的提示语。如图所示:
2、设置标签样式。选中标签,将提示语的文字颜色给为红色,然后设置为隐藏。勾选右上角的隐藏选项即可。
3、设置输入框失去焦点事件。选中文本输入框,单击交互面板中的失去焦点时--打开交互设置界面。
4、设置判断条件。点击添加条件,设置判断条件如图所示:邮箱验证比较简单,我们一般只需要验证@符号和.com两个关键点。所以只要输入的文字中不包含这两个元素中的任何一个,我们就显示提示标签。
注意:添加两个条件一定要选择任何,不要选择全部,这个就是and和or的区别。
5、配置条件对应的动作。点击显示--然后选择我们第二步中隐藏的提示标签。这样在文本框失去焦点的时候会校验我们添加的条件,如果条件满足,就显示提示标签。
6、配置文字改变时条件及动作。点击交互面板中的文字改变时--添加条件。我们这里要选择文字中包含@并且包含.com,提示的标签隐藏。
注意:这里两个条件要选择全部,必须是两个条件同时满足才可以。如图所示:
7、点击预览,输入一个错误的格式,会提示格式不正确,修改会提示消失。
以上就是Axure对输入的内容进行验证的教程,希望大家喜欢,请继续关注。
相关推荐:
Axure怎么设计网页强密码验证效果?
Axure怎么实现电话号码的验证的原型?
Axure RP 8怎么制作验证码倒计时原型?
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
复制代码代码如下:/**验证邮箱格式是否正确*参数strEmail,需要验证的邮箱*/functionchkEmail(strEmail){if(!/^\w+(
Axure制作原型的登陆验证时,不免要使用到手机、邮箱的验证,没有正则表达式,我们来使用字符串的方式做简单的验证:一、思路1、验证长度是否为11位2、设置输入长
验证邮箱输入的格式是否正确的js脚本如下:/***Checkemailformat*/functionemailCheck(obj,labelName){v
电子邮箱格式怎么写,其实很简单,现在用的最多的是网易163邮箱和QQ邮箱、新浪邮箱,下面做下演示操作,教你怎么写电子邮箱格式。电子邮箱格式中的@符号是同时按sh
电子邮箱格式怎么写,其实很简单,现在用的最多的是网易163邮箱和QQ邮箱、新浪邮箱,下面做下演示操作,教你怎么写电子邮箱格式。电子邮箱格式中的@符号是同时按sh