1. 程式人生 > >new promise 驗證登入小demo

new promise 驗證登入小demo

<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>

相關推薦

new promise 驗證登入demo

<html> <head> <title>promise測試</title> </head> <body> <form name="form1"> 使用者名稱:<input type="

android客戶端與javaweb服務端通訊——登入demo的啟示

前兩天討論了javaweb專案連線mysql資料庫的注意事項,是因為剛剛租了一臺ecs雲伺服器,在上面搭載mysql要比Oracle方便很多,今天我們來探討一下android端與服務端通訊的方式方法,更多的是注意事項。 先說服務端,如果查詢成功,就返回一個由物件轉換而成的j

Android實現登入demo

       安卓,在小編實習之前的那段歲月裡面,小編都沒有玩兒過,如果說玩兒過,那就是安卓手機了,咳咳,敲登入的時候有種特別久違的熟悉,這種熟悉的感覺就和當時敲機房收費系統一樣,那叫一個艱難啊,不過小編相信,在小編的IT成長之路上,正是因為有了這些艱難險阻陪伴著小編一起成長

hammer.js---拖動滑塊實現驗證demo

1.先看一下效果圖  移動端實現,簡單方便,只要稍作修改比如用Math.random()函式生成一個隨機的位置,然後判斷位置差即可。 快去試一試這個很fashion的庫吧。 2.看一下HTML結構

基於struts+hibernate+ajax的登入註冊驗證與購物車demo解析

本博文主要介紹使用struts完成頁面跳轉和hibernate訪問資料庫的方式,完成簡單的ajax註冊驗證和購物車功能demo例項。將搭建過程和一些心得分享出來。此文為流程分析,並不介紹具體實現過程的每個細節,原始碼放在了下載頁。頁面截圖如下(請忽略頁面醜,只為功能齊全...) 一:struts

利用SharedPreferences做的自動登入Demo

效果圖:   程式碼如下: AutoLogin.java package com.zhiyuan3g.sharedpreferences; import android.content.Intent; import android.content.SharedPrefer

微信程式登入註冊demo+java伺服器(一)

一.開發平臺和前期準備1.前端工具:微信web開發者工具打web開發者工具,新建小程式專案,目錄和名稱自己隨意填,AppID點選體驗:小程式小程式開啟後,點選右上方的詳情,專案設定,勾選不校驗xxxxx2.後臺開發工具:eclipseeclipse要求是java ee版的,並

微信程式登入註冊demo+java伺服器(二)

四.eclipse1.關鍵程式碼及註解LoginServletpackage yan.servlet; import java.io.File; import java.io.FileOutputStream; import java.io.IOException; im

jQuery登入增刪改查demo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/

TP5學習基礎一:增刪改查demo

表單 arr 處理 php req 學習 model類 浪費 新手 ①TP5--增刪改查簡單的demo 我先吐槽一下:因為工作需要研究tp5,去官網看了一下哎呦,資源挺多挺全啊!然後下載唯一免費的官方教程,我曹pdf打開533頁。講的很細但是開發能等看完才做嗎?看到精簡版快

css3的一個demo(箭頭hover變化)

rotate osi ping align pos ref block translate -m 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta char

每天一個JS demo之原生數組splice方法書寫。主要知識點:鍛煉思維邏輯能力,對於數組方法的理解和各種情況的考量

scrip charset 是否 isn 如果 情況 del 當前 cti <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <titl

每天一個JS demo之韓雪冬輪播圖。主要知識點:html,css布局,對於數組和對象的理解和運用

身高 全局 borde ava ebo 空間 use mouseout desc 1 @charset "utf-8"; 2 /* CSS Document */ 3 4 * { padding: 0; margin: 0; } 5 li { list-st

每天一個JS demo之個人信息添加。主要知識點:DOM操作中的表格操作,節點操作

mov src i++ blog this tex set elements img 以下是簡易效果: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">

每天一個JS demo之通過鍵盤方向鍵操作圖片上下左右無縫切換。主要知識點:事件

tco listen add head query ceo defined clas css <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><ti

每天一個JS demo之通過事件委托實現菜單展開及選中特效。主要知識點:事件

實現 tween efi blog dem int position 16px eas <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><titl

每天一個JS demo之自定義滾動條。主要知識點:事件應用

prevent 數據 滾動 sca listener 視頻 希望 特效 poi <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>D

每天一個JS demo之郵件刪除。主要知識點:事件應用

inline order else ont math tee tom seo onchange <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><ti

Springboot演示Demo

set ble cnblogs dem 技術分享 tor rep tap mapping 模擬數據庫演示springboot小測試 1、編寫一個實體類:user 1 package com.wisezone.test; 2 3 import java.io.Ser

cmd運行exe程序Demo

ctrl+ size test http rec 文件夾 eap 技術分享 ont 1.C#代碼 static void Main(string[] args) { string path = "."; if (args.Length > 0)