zoukankan      html  css  js  c++  java
  • form表单的两种提交方式,submit和button的用法

    一种是用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><div class="c4">
                        <input type="submit" value="" class="btn2"  />

     

    方法二:

    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表格的写法,需要写id
     <form id="formid" method = 'post'  action = 'user_login_submit.action'  >

    button按钮的写法如下:

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

  • 相关阅读:
    2016-2017-2 20155325实验二《Java面向对象程序设计》实验报告
    20155325 2016-2017-2 《Java程序设计》第8周学习总结
    20155325《Java程序设计》实验一(Java开发环境的熟悉)实验报告
    20155323 2016-2017-2《Java程序设计》课程总结
    20155323 第五次实验 网络编程与安全
    20155323课堂实践20170531
    20155323课堂实践20170524
    20155323 第四次实验 Android程序设计实验报告
    20155323课堂实践20170517
    20155323课堂实践20170510
  • 原文地址:https://www.cnblogs.com/go4mi/p/5491600.html
Copyright © 2011-2022 走看看