ajax提交form表單 Form表單的另類提交－IT工程師數位筆記本

文章出處

傳統中我可能都比較喜歡在Form表單中寫<input type="submit" value="submit" />, 但這不是唯一的，我們也可以在Button中以js事件提交表單，例如下面一段代碼：

 <form action="" method="post">        ......<div class="col-sm-8" style="text-align: center"><button type="button" class="btn btn-outline btn-primary" onclick="submitForm()"><fmt:message key="btn.save" bundle="${bundle }"/></button><button type="button" class="btn btn-default" onclick="cancel()"><fmt:message key="btn.cancel" bundle="${bundle }" /></button></div> </form>

//使用jQuery動態執行文本欄中的校驗$('#code').change(function() {    var divCode = document.getElementById("div-code");    var len = document.getElementById("code").value.length;    divCode.className = "form-group";    if (len < 1) {        divCode.className = "form-group has-error";    }});$('#name').change(function() {    var div = document.getElementById("div-name");    var len = document.getElementById("name").value.length;    div.className = "form-group";    if (len < 1) {        div.className = "form-group has-error";    }});function submitForm() { //通過button按鈕執行表單提交，而非input中type=submit    document.form1.submit();};function cancel() { //通過button 按鈕點擊事件執行跳轉    document.write("<form action='unitList' method=post name=backform style='display:none'>");    document.write("</form>");    document.backform.submit();};

看文倉www.kanwencang.com網友整理上傳,為您提供最全的知識大全,期待您的分享，轉載請注明出處。
歡迎轉載：http://www.kanwencang.com/bangong/20170116/88592.html

文章列表