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)