Hbuilder开发移动新闻客户端（二）

注册页面的跳转和编写

一.新建一个名为 reg.html的注册页面，包括带返回箭头的mheader,mbody中含有from，有账号.密码.昵称三个输入框。

<header class="mui-bar mui-bar-nav"><a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a><h1 class="mui-title">注册</h1>
</header>
<div class="mui-content"><form class="mui-input-group"><div class="mui-input-row"><label>账号:</label><input type="text" class="mui-input-clear" placeholder="请输入账号" id="username"></div><div class="mui-input-row"><label>密码:</label><input type="password" class="mui-input-clear" placeholder="请输入密码" id="password"></div><div class="mui-input-row"><label>昵称:</label><input type="text" class="mui-input-clear" placeholder="请输入账昵称" id="nickname"></div></form><div class="mui-content-padded" align="center"><button type="button" class="mui-btn mui-btn-blue " id="reg">提交</button></div>
</div>

二.因为登录页面（index.html）中含有一个注册button,我们要通过给他绑定一个监听事件，来实现跳转到reg.html,所以index中的js代码如下

mui.plusReady(function(){var reg=document.getElementById("reg");var login=document.getElementById("login");reg.addEventListener('tap',function(){mui.openWindow({url:'reg.html',id:'reg'})})

三.我们对reg.html中的输入框进行一个简单的非空验证。

    mui.plusReady(function(){var username=document.getElementById("username");var password=document.getElementById("password");var nickname=document.getElementById("nickname");var reg=document.getElementById("reg");reg.addEventListener('tap',function(){if(username.value.length==0){plus.ui.toast("用户名不能为空");return;}if(password.value.length==0){plus.ui.toast("密码不能为空");return;}if(nickname.value.length==0){plus.ui.toast("昵称不能为空");return;}})}

Hbuilder开发移动新闻客户端（二）相关推荐

HBuilder开发旅游类APP(二) ----- mui结合H5+,快速实现首页、登录、注册等功能
HBuilder开发旅游类APP(二) ----- mui结合H5+,快速实现首页.登录.注册等功能作者:班尼科本博文是本人原创,喜欢请给我点赞,转载请注明出处哦. 标签: 旅游 H5+ MUI ...
react native开发的新闻客户端
前言这个是去年的项目了,当时要开发一个新闻头条客户端,后来各种原因项目就停了,这个客户端已经开发了一大半了,现在开源出来,大家一起学习借鉴讨论. 项目运行注意:由于项目是去年的,可能现在跑有些插件 ...
基于Android小巫新闻客户端开发---显示新闻详细内容UI设计
基于Android小巫新闻客户端开发---显示新闻详细内容UI设计 2013年2月27日,天气潮湿!!! 距上一次写的主界面业务逻辑实现,已经过来11天,小巫觉得拖得太久了,所以决定尽量把所有的内容介 ...
Android新闻客户端开发3－－显示新闻详细内容UI设计
基于Android小巫新闻客户端开发---显示新闻详细内容UI设计 2013年2月27日,天气潮湿!!! 距上一次写的主界面业务逻辑实现,已经过来11天,小巫觉得拖得太久了,所以决定尽量把所有的内容介 ...
android小项目之新闻客户端四
基于Android小巫新闻客户端开发---显示新闻详细内容UI设计 2013年2月27日,天气潮湿!!! 距上一次写的主界面业务逻辑实现,已经过来11天,小巫觉得拖得太久了,所以决定尽量把所有的 ...
基于Android智能手机操作系统的新闻客户端设计
现如今,移动通信在我们日常生活中发挥着越来越重要的作用,各种移动终端设备也成了生活中的必备,其中智能手机更是移动终端的主力大军,而基于各种智能终端的应用软件更是层出不穷.当今,人们对新闻的获取已不再局 ...
基于安卓的新闻客户端开发
研究背景当前市面上移动新闻客户端,包括网易移动新闻客户端,搜狐移动新闻客户端,凤凰移动新闻客户端等.这些客户端界面绚丽,版面较多,操作过程较为复杂.为简化流程,操作简单,方便用户使用和下载.所以, ...
模仿网易新闻客户端（RSS版）（二）
一.摘要继上一篇博客<模仿网易新闻客户端(一)>之后,笔者继续开发我们自己的"网易新闻客户端",由于找不到现成的url新闻链接地址,所以这里就用RSS订阅所提供的ur ...
开篇--基于Android的小巫新闻客户端开发
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 开篇-- ...

Hbuilder开发移动新闻客户端（二）

注册页面的跳转和编写

Hbuilder开发移动新闻客户端（二）相关推荐

最新文章

热门文章