1：首先說明的是自動登錄也是需要密碼的，這是前一個網頁傳輸過去的
2：這里我使用的是post提交表單的形式
<--------------------------------------------------------------------->
開始正題
1）首先推出測試平台：
https://www.runoob.com/runcode
這個平台支持js腳本，但是需要加入在html中才可以運行，因此自己偷懶隨便一個測試用例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js驗證表（是否輸入單用戶名、密碼）</title> <style type="text/css"> *{padding: 0;margin: 0} table{margin:0 auto;margin-top: 200px} </style> </head> <body> <form name="form1" method="post" action=""><!--這里用js實現跳轉--> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td height="50" colspan="2" bgcolor="#eeeeee" align="center">用戶登錄</td> </tr> <tr> <td width="70" height="50">用戶名：</td> <td><input name="user" type="text" id="user" maxlength="8"><!--8指的是8個漢字，8個字符--></td> </tr> <tr> <td width="70" height="50">密 碼：</td> <td><input name="pwd" type="password" id="pwd" maxlength="16"></td> </tr> <tr> <td colspan="2" align="center"> <input name="reset" type="reset" value="重置"> <input name="button" type="button" value="登錄" onclick="sta()""> </td> </tr> </table> </form> </script> </body> </html>
2） 這里注意的是登錄的里面有一個
這里是點擊登錄的時候調用的函數
接下里插入腳本
<script language="JavaScript" type="text/javascript" > function sta(){ //window.location='http://www.environment.osen-cloud.net/login'; function PostSubmit() { var postUrl = 'http://www.environment.osen-cloud.net/login';//提交地址 var postData = 'XXXXXXX';//第一個數據，xxxxxx里面就是你需要填寫的數據 var msgData ='XXXXXXx';//第二個數據同上 var ExportForm = document.createElement("FORM"); document.body.appendChild(ExportForm); ExportForm.method = "POST"; var newElement = document.createElement("input"); newElement.setAttribute("name", "mail"); newElement.setAttribute("type", "hidden"); var newElement2 = document.createElement("input"); newElement2.setAttribute("name", "pwd"); newElement2.setAttribute("type", "hidden"); ExportForm.appendChild(newElement); ExportForm.appendChild(newElement2); newElement.value = postData; newElement2.value = msgData; ExportForm.action = postUrl; ExportForm.submit(); }; setTimeout( PostSubmit,0); } </script>
腳本解釋：這里面主要有一個sta（）函數，當登錄這個按鈕點擊之后就會調用這個函數，setTimeout( PostSubmit,0);是每隔一定時間調用postSubmit函數，后面長度可以自己調動
3）提交表單：這里url是你需要跳轉的登錄網頁，postData是我的第一個數據（用戶名），msgData是我的第二個數據（密碼） ，接下來就是創建一個表單然后提交，這沒有多說的，但是需要注意，你需要自己先測試你那個登錄界面post請求的格式
我的“mail”是適合我的登錄界面，如果你要你的界面，你則先測試一遍，測試方法很簡單chrome瀏覽器，f12測試
在network中查看你瀏覽器給后台發送的login請求，我這里login（post請求）時，給后台發送兩種標識，mail，pwd，所以在前面的name屬性里面，一個是“mail”，一個是“pwd”，對應不同的登錄有不同的發送標識，你需要自己先判斷出。如果屬性錯誤，這里可能就會顯示用戶名和密碼錯誤。
4）注意事項：我這里是沒有驗證碼登錄的，我這個登錄網頁就是用戶名加上密碼登錄。
5）附注：
以上兩個圖片來自：https://blog.csdn.net/makang456/article/details/52334003，侵刪
post提交表單方式：https://blog.csdn.net/zhensoft163/article/details/7298161
由於自己是新手，第一次做這個，弄了兩天，如果有什么不對的對方，敬請指出！！！！！！！！！