bootstrap表單如何提交信息

這篇文章主要介紹了bootstrap表單如何提交信息的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇bootstrap表單如何提交信息文章都會有所收獲，下面我們一起來看看吧。

方法一：

submit提交

我們通過在前端頁面中的頭部插入一個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="" 1O0%” border="o"><tr><td width="6o" height="4o" align="right">用戶名 </td><td><input type="text" value="" class="text2" name="username" id="userid" /></td></tr><tr><td width="6o" height="4o" align="right">密  碼 </td><td><input type="password" value="" class="text2" name="userpass" id="userpassid" /></td></tr><tr><td width="6o" height="" 40" align="right"> </td><td><div class="c4"><input type="submit" value="" class="btn2" />

這就是使用submit方法的相關代碼。

方法二：

button提交

對于這個方法的話我們直接看代碼：

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表格的寫法的話我們是需要使用類選擇器的代碼如下：

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

button按鈕的寫法如下：

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

關于“bootstrap表單如何提交信息”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“bootstrap表單如何提交信息”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。