new promise 验证登录小demo

最新推荐文章于 2023-07-06 16:37:14 发布

sunda112

最新推荐文章于 2023-07-06 16:37:14 发布

阅读量577

点赞数 1

分类专栏： es6 文章标签： promise

本文链接：https://blog.youkuaiyun.com/sunling112/article/details/79836726

版权

es6 专栏收录该内容

1 篇文章

订阅专栏

<html>
<head>
<title>promise测试</title>
</head>
<body>
<form name="form1">
用户名：<input type="text" name="UsName" ><br/>
上传图片：<input type="file" name="Uspic" ><br/>
密码：<input type="password" name="UsPwd"><br/>
<input type="button" name="Login" onClick="Login_Click();" value="登陆">
</form>
<script>

function Login_Click(){
	new Promise(function(resolve,reject){
		if(document.form1.UsName.value){
			resolve();
		}else{
			reject('用户名为空');
		}
	}).then(function(){
		return new Promise(function(resolve,reject){
			if(document.form1.Uspic.value){
				resolve();
			}else{
				reject('no pic');
			}
		}).then(function(){
			return new Promise(function(resolve,reject){
				if(document.form1.UsPwd.value){
					resolve();
				}else{
					reject('no pswd');
				}
			}).then(function(){
				alert('login success');
			})
		});
	});
	alert('不管promise是否通过，都要走这一步，，验证一下哈哈');

}
</script>
</body>
</html>