Js表單提交
表單提交對於剛開始學習js的朋友來說是壹個比較困惑的問題。如何提交，如何防止默認提交，如何提交表單不跳轉等。這裏有壹些例子。的原始表單提交有按鈕按鈕提交和的類型。兩者有什麽區別？
(1)默認表單提交
(2)默認不會提交表單。
(3)如果在表單中，我們使用了type=''submit屬性，但是不讓表單默認提交，怎麽辦？看下面
(4)如果在表單中，我們使用type=''button屬性，但還是需要提交表單，可以用ajax提交。好處是可以自己控制提交，頁面不會跳轉。
(5)如果使用默認提交方式，並且在提交前對表單進行了驗證，請參考以下方法。
(6)如果使用了type='button'屬性，但仍想實現默認的提交方法怎麽辦？看下面
(7)下面的提交會怎麽樣？
分析:單擊提交按鈕:
(1)當表單驗證失敗時，form.submit()函數不會被觸發，所以標簽
input用於收集用戶信息，根據不同的類型顯示不同的形式。input是空標簽，它沒有結束標簽，在開始標簽中結束。r元素根據不同的type屬性，可以變化為多種形態。r元素設置name屬性，用於網絡請求時提交對應輸入的字段。rinput="text"文本框r定義單行的輸入字段，用戶可在其中輸入文本。它是壹個單行文本框，input的默認類型即是text類型。rinput="password"密碼框r類型為password時，它用於收集用戶輸入的密碼，在妳輸入時，瀏覽器會把輸入的內容以符號來代替。r文本框和密碼框都可以添加placeholder屬性，用於設置輸入字段預期值的提示信息。該提示會在輸入字段為空時顯示，並會在字段獲得焦點時消失。rtype="radio"單選框r類型為radio時，用於定義單選按鈕，name屬性值相同的input單選框只能有壹個被選中。r設置默認選中的單選框。是提交到服務器時給後臺程序員們看的。rtype="checkbox"復選框r類型為checkbox時，用於定義復選按鈕，復選框允許用戶在壹定數目的選擇中選取壹個或多個選項。rtype="file"文件上傳r類型為file時，默認為單文件上傳。r設置為多文件上傳。rtype="hidden"隱藏字段r隱藏字段對於用戶是不可見的。隱藏字段通常會存儲壹個默認值，它們的值也可以由JavaScript進行修改。r2.2select>下拉列表
select>元素定義下拉列表，option>元素定義待選擇的選項。列表通常會把首個選項顯示為被選選項，通過添加selected屬性來定義預定義選項。r單選按鈕、復選框默認選中用：checked屬性。r下拉列表使用：selected屬性。r使用size屬性設置下拉列表展開，使用multiple屬性設置多選。r2.3textarea>文本域
textarea>元素定義多行輸入字段（文本域）rcols：規定文本區內的可見寬度。rrows：規定文本區內的可見行數。r文本域可以添加placeholder屬性，用於設置輸入字段預期值的提示信息。r2.4label>標簽
label是input的描述，它本身不會有特殊效果，但它和其它input標簽使用可以提升用戶的使用體驗，用戶不用非得點擊到按鈕，而是點擊文字即可選中，如“記住密碼”。r通過label的for指向按鈕的id來綁定，for和id屬性的值要相同。r3.表單按鈕type="reset"重置按鈕r重置按鈕會清除表單中的所有數據。r設置重置按鈕上顯示的文字。rtype="submit"提交按鈕rtype="submit"定義提交按鈕。提交按鈕用於向服務器發送表單數據，數據會發送到表單的action屬性中指定的頁面。r設置提交按鈕上顯示的文字。rtype="button"普通按鈕rbutton類型的只是壹個普通的按鈕，而submit有壹個提交的作用，在沒有加js代碼的情況下，button只是個裝飾。rtype="image"提交按鈕rimage類型的input也是具有壹個提交的作用，不同的是可以指定壹幅圖片來作為按鈕，不提倡使用image，因為它有時候會提交兩次。rAngularJS使用angular-formly進行表單驗證？
Angular的表單屬性$valid,$invalid,$pristine,$dirtyAngular提供了有關表單的屬性來幫助我們驗證表單.他們給我們提供了各種有關壹個表單及其輸入的信息，並且應用到了表單和輸入.屬性類描述$validng-validBoolean告訴我們這壹項當前基於妳設定的規則是否驗證通過$invalidng-invalidBoolean告訴我們這壹項當前基於妳設定的規則是否驗證未通過$pristineng-pristineBoolean如果表單或者輸入框沒有使用則為True$dirtyng-dirtyBoolean如果表單或者輸入框有使用到則為TrueAngular也提供了有關表單及其輸入框的類，以便妳能夠依據每壹個狀態設置其樣式.訪問表單屬性方位表單:formname>.angularproperty>訪問壹個輸入框:formname>.inputname>.angularproperty>
form表單通過js提交，另外跳轉servlet時，自己定義了壹個數，傳參過去，可以嗎，不是fo？
自定義參數，可以通過在form表單中設置隱藏域傳值inputtype="hidden"name="arg_name"value="arg_value"/>後臺通過arg_name接收arg_value的值
客戶端提交請求的四種方式？
客戶端請求新頁面和提交數據的四種方式
超鏈接 超鏈接+js submit按鈕提交表單 使用js提交表單
打開新頁面的方式
使用相對路徑和絕對路徑
使用url攜帶參數
提交數據的方式為get方式
window.location
window.open;
先驗證再提交表單。
使用hidden提交數據（非用戶填寫數據）
使用button+js
使用a>+js
壹般為post提交方式
1、超鏈接：
打開新頁面：atarget="_blank">;
使用url攜帶參數：ahref="page2.jsp?uid=adminpass=123">
註意：多個參數之間使用連接，使用?表示攜帶參數；
2、超鏈接+js：
使用window.locationscripttype="text/javascript">
functionfun(){window.location="page2.jsp";}/script>
a鏈接的寫法：ahref="javascript:fun();">鏈接到page2/a>href連接中調用fun函數。
使用window.open()scripttype="text/javascript">
functionfun(){window.open("page2.jsp");--表示在新窗口打開鏈接。}/script>
a鏈接中：ahref="javascript:fun();">鏈接到page2/a>
3、使用submit按鈕提交數據表單：註意action和method兩個屬性表示的含義
對於用戶輸入數據：a、需要有用戶輸入框即inputtype="text"name="username"/>在此輸入框中輸入數據。
b、有時需要先驗證，再提交數據：
例：inputtype="text"name="uid"id="uid"/>functionfun4()
varuid=document.getElementById("uid").value;--獲取input輸入框的vaule值
if(uid==""){
alert("請輸入用戶名");
returnfalse;---表示不提交數據}else{
returntrue;--提交數據}
submit提交按鈕inputtype="submit"value="提交表單"οnclick="returnfun4();">
對於非用戶輸入數據：不需要input輸入框
使用hidden提交數據：
!--使用hidden提交數據->
formaction="page2.jsp"method="post">
inputtype="hidden"name="uid"id="uid2"value="admin">
inputtype="submit"value="提交表單">br/>
scripttype="text/javascript">
document.getElementById("uid2").value="admin2";--兩種參數值
/script>
/form>
4、使用js提交表單：
使用button+js提交：
button不具備提交功能：
!--使用button和js提交表單-->
formaction="page2.jsp"method="post"id="form1">
inputtype="text"name="uid">
inputtype="button"value="提交表單"οnclick='document.getElementById("form1").submit();'>---獲取的是form標簽對象/form>
使用a>+js提交表單
!--使用a>和js提交表單>
formaction="page2.jsp"method="post"id="form2">
inputtype="text"name="uid">
ahref='javascript:document.getElementById("form2").submit();'>提交表單/a>br/>
/form>
js表單怎麽允許函數？
運用異步思想promise實現提交之後回調,比如ajax的success函數就是提交成功後的回調