html中form表單submit和button提交的實現方法

本文將為大家詳細介紹“html中form表單submit和button提交的實現方法”，內容步驟清晰詳細，細節處理妥當，而小編每天都會更新不同的知識點，希望這篇“html中form表單submit和button提交的實現方法”能夠給你意想不到的收獲，請大家跟著小編的思路慢慢深入，具體內容如下，一起去收獲新知識吧。

html有什么特點

1、簡易性：超級文本標記語言版本升級采用超集方式，從而更加靈活方便，適合初學前端開發者使用。 2、可擴展性：超級文本標記語言的廣泛應用帶來了加強功能，增加標識符等要求，超級文本標記語言采取子類元素的方式，為系統擴展帶來保證。  3、平臺無關性：超級文本標記語言能夠在廣泛的平臺上使用，這也是萬維網盛行的一個原因。 4、通用性：HTML是網絡的通用語言，它允許網頁制作人建立文本與圖片相結合的復雜頁面，這些頁面可以被網上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器。

1.當輸入用戶名和密碼為空的時候，需要判斷。這時候就用到了校驗用戶名和密碼，這個需要在jsp的前端頁面寫；有兩種方法，一種是用submit提交。一種是用button提交。
方法一：
在jsp的前端頁面的頭部插入一個js方法：

function checkUser(){
   var result = document.getElementById("userid").value;
   var password = document.getElementById("userpassid").value;
   if(result == ""  ){
     alert("用戶名不能為空");
     return false;
   }
   if(password == ""  ){
    alert("密碼不能為空");
     return false;
   }else{
   return true;
   }
}

在form表單里寫成這樣：

<form id="formid"  name= "myform" method = 'post'  action = 'user_login_submit.action'
onsubmit = "return checkUser();
" >
            <table width="100%" border="0">
              <tr>
                <td width="60" height="40" align="right">用戶名&nbsp;</td>
                <td><input type="text" value="" class="text2" name = "username" id = "userid"/></td>
              </tr>
              <tr>
                <td width="60" height="40" align="right">密&nbsp;&nbsp;碼&nbsp;</td>
                <td><input type="password" value="" class="text2" name = "userpass" id = "userpassid"/></td>
              </tr>
              <tr>
                <td width="60" height="40" align="right">&nbsp;</td>
                <td><p class="c4">
                    <input type="submit" value="" class="btn2"  />

方法二：

function checkUser(){
   var result = document.getElementById("userid").value;
   var password = document.getElementById("passid").value;
   if(result == ""  ){
     alert("用戶名不能為空");
     return false;
   }
   if(password == ""  ){
    alert("密碼不能為空");
     return false;
   }
  document.getElementById("formid").submit();
}

form表格的寫法，需要寫id

<form id="formid" method = 'post'  action = 'user_login_submit.action'  >

button按鈕的寫法如下：

<input type="button" value="" class="btn2" onclick = "checkUser();" />

如果你能讀到這里，小編希望你對“html中form表單submit和button提交的實現方法”這一關鍵問題有了從實踐層面最深刻的體會，具體使用情況還需要大家自己動手實踐使用過才能領會，如果想閱讀更多相關內容的文章，歡迎關注億速云行業資訊頻道！