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

創(chuàng)新互聯(lián)是一家專業(yè)提供長豐企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站制作、成都做網(wǎng)站、H5場景定制、小程序制作等業(yè)務(wù)。10年已為長豐眾多企業(yè)、政府機構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站設(shè)計公司優(yōu)惠進行中。

html有什么特點

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

1.當(dāng)輸入用戶名和密碼為空的時候，需要判斷。這時候就用到了校驗用戶名和密碼，這個需要在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提交的實現(xiàn)方法”這一關(guān)鍵問題有了從實踐層面最深刻的體會，具體使用情況還需要大家自己動手實踐使用過才能領(lǐng)會，如果想閱讀更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站題目：html中form表單submit和button提交的實現(xiàn)方法
文章轉(zhuǎn)載：http://jinyejixie.com/article18/podjdp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、網(wǎng)站改版、服務(wù)器托管、外貿(mào)建站、網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)