javascript: 制作一个登陆界面,要求账号和密码都是123,账号密码输入正确错误都要有提示。

javascript: 制作一个登陆界面,要求账号和密码都是123,账号密码输入正确错误都要有提示。,第1张

创建一个页面,名称为"后台",用来表示验证通过后的页面。

在实际项目中,需要把用户输入的用户名密码与数据库中的相关匹配,可是,原型中没有数据库,如何做呢?

只能是模拟一个。假设用户名是darren,密码也是darren。

在登录按钮的一个用例中这样设置,这是有关用户名的判断。

再为登录按钮增加一个用例,用于有关密码的判断。

有关登录按钮用户名判断的用例设置如下:

预览,当输入的用户名不正确,报错如下:

当输入的用户名存在,密码不正确,报错如下:

再为登录按钮的OnClick事件增减一个用例,用来判断用户名和密码都正确。

预览,当用户名和密码都输入正确,页面跳转到后台页。

当然,对于用户名和密码,可以设置全局变量,在判断的时候读取全局变量的值。

一个全局变量能存储多个用户名或密码吗?

假设有这样的一种存储方式:(darren:darren)(jack:123)。如果把这个存储在全局变量中,就相当于在全局变量中保存了多个用户名和密码。

但问题又来了:是否可以从全局变量中读取出每组用户名和密码呢?

在Axure中设置全局变量。

再来修改登录按钮OnClick事件中有关用户名的用例。现在要判断输入的用户名是否包含在全局变量的所有用户名中。

在有关值的公式中,按如下设置:

在有关用户名的条件按如下设置:

在有关用户名的用例按如下设置:

在判断用户名是否正确的时候,这种情况下,要把用户名和密码拼接起来一起判断。

在有关密码判断的公式按如下设置:

有关密码的条件按如下设置:

有关密码的用例按如下设置:

预览,当输入用户名和密码分别是jack,123的时候,验证通过,登录成功。

总结:

● 在Axure中可以模拟数据库中的数据
● 在设置值的时候可以使用富文本框,在富文本框中也可以使用局部变量
● 全局变量存储键值对的一个小技巧

jswork小程序是一款基于微信小程序的开发框架,它可以帮助开发者快速构建出功能丰富、性能优越的小程序应用。它提供了一系列的开发工具,可以帮助开发者快速搭建出小程序应用,并且可以支持多种小程序的开发,包括微信小程序、支付宝小程序、百度小程序等。它还提供了一系列的开发模板,可以帮助开发者快速搭建出小程序应用,并且可以支持多种小程序的开发,包括微信小程序、支付宝小程序、百度小程序等。此外,jswork小程序还提供了一系列的开发插件,可以帮助开发者快速搭建出小程序应用,并且可以支持多种小程序的开发,包括微信小程序、支付宝小程序、百度小程序等。此外,jswork小程序还提供了一系列的安全机制,可以帮助开发者保护小程序应用的安全性,并且可以支持多种小程序的开发,包括微信小程序、支付宝小程序、百度小程序等。总之,jswork小程序是一款功能强大、性能优越的小程序开发框架,可以帮助开发者快速搭建出小程序应用,并且可以支持多种小程序的开发,是一款非常实用的小程序开发工具。

$("#submit")click(function(){
var loginName = $("#loginName")val();
$("#loginNameInfo")html(""); //清空提示信息
if(loginName==""){
$("#loginNameInfo")html("用户名不为空"); //提示信息
return;
}else{
//提交form
}
});

function xihuan(){
xihuanvalue=xihuanvalue+1
xihuanbuttondisabled = false
if(
buxihuanbuttondisabled = false
){
buxihuanvalue=xihuanvalue-1
}

}
function buxihuan(){
buxihuanvalue=xihuanvalue+1
buxihuanbuttondisabled = false
if(
xihuanbuttondisabled = false
){
xihuanvalue=xihuanvalue-1
}
}

//按钮的话使用一个div来代替吧。
//bt1,按钮,form表单。
bt1onclick = function(){
    if(user==""||pwd==""||yzm==""){
        alert("用户名,密码,验证码不能为空")
    }else{
        formsubmit();//提交表单
    }
}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13392179.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-27
下一篇 2023-07-27

发表评论

登录后才能评论

评论列表(0条)

保存