Form表单里的BUTTON的type='submit'和'button'的区别

来源：互联网发布：人民银行工资待遇知乎编辑：程序博客网时间：2024/06/07 16:26

1.submit 用于提交表单时使用 onsubmit=”“

<form class="form-horizontal" onsubmit="checkform()">      <div class="control-group">        <label class="control-label" for="inputEmail">Email</label>        <div class="controls">          <input type="text" id="inputEmail" placeholder="Email">        </div>      </div>      <div class="control-group">        <label class="control-label" for="inputPassword">Password</label>        <div class="controls">          <input type="password" id="inputPassword" placeholder="Password">        </div>      </div>      <div class="control-group">        <div class="controls">          <label class="checkbox">            <input type="checkbox"> Remember me          </label>          <button type="submit" class="btn">Sign in</button>        </div>      </div>    </form>

2.button时使用 onclick()方法

   <form class="form-horizontal" >      <div class="control-group">        <label class="control-label" for="inputEmail">Email</label>        <div class="controls">          <input type="text" id="inputEmail" placeholder="Email">        </div>      </div>      <div class="control-group">        <label class="control-label" for="inputPassword">Password</label>        <div class="controls">          <input type="password" id="inputPassword" placeholder="Password">        </div>      </div>      <div class="control-group">        <div class="controls">          <label class="checkbox">            <input type="checkbox"> Remember me          </label>          <button type="button" onclick="checkform()" class="btn">Sign in</button>        </div>      </div>    </form>

 <script type="text/javascript">    function checkform(){  a=$("#inputEmail").val();    if(a==""){      alert('1');    }    } </script>

0 0