用戶登錄
上面是一個簡單的html用戶登錄表單驗證的代碼,主要實現以下功能: 1. 當用戶在輸入用戶名和密碼的時候,太快了,導致數據沒有完全輸入,點擊提交后,可以通過此代碼進行驗證,告訴用戶用戶名和密碼不能為空,需要重新輸入。 2. 當用戶成功輸入用戶名和密碼后,點擊提交,可以進行下一步操作。
代碼解釋:
1. 第1行到第2行是html文件模板的頭部和標題定義; 2. 第3行到第12行是JS函數定義部分,其中函數匯總首先獲取用戶名和密碼元素的值,如果為空再彈出提示并返回false,如果不為空返回true; 3. 第13行到第18行是html表格部分的設計,其中正文的用戶名和密碼部分采用的是input標簽定義,