Axure原型工作制作输入框验证手机号效果

 时间:2024-10-13 04:36:41

1、打开Axure原型工具,创建一个空白页面,在工作区域内拖入输入框、矩形等元件元素,如下图所示。

Axure原型工作制作输入框验证手机号效果Axure原型工作制作输入框验证手机号效果

4、然后对输入框的失去焦点时的交互事件进行设置,这里会用到条件的判断,如下图所示。

Axure原型工作制作输入框验证手机号效果

6、所有工作准备完成,f5预览一下效果,如下图所示,输入非数字的时候,后面会弹出对应的提示信息。

Axure原型工作制作输入框验证手机号效果

8、当输入的是数字,且是11位的手机号时,此时后面的提示会提示正确。这些提示的文字在上面做交互事件的时候可以自己修改,想提示什么都可以,而且可以加颜色加图标,这个自己去摸索吧。

Axure原型工作制作输入框验证手机号效果
  • C4D怎么使用放样创建花瓶模型
  • C4D如何让球体在动力学中跟随立方体运动
  • c4d反光板怎么弄
  • C4D中创建洗衣液盖子造型的方法
  • cinema 4d怎么制作透空效果
  • 热门搜索
    卤牛肉的家常做法 怎么设置电脑屏保 好吃的东西 怎么把图片做成视频 有效的祛痘方法 电视剧大全 滴水观音的养殖方法 漫画大全之无彩翼漫 山药怎么做好吃又简单 耳机进水了怎么办