mvc form表單提交的幾種形式整理總結

mvc中form表單提交的幾種形式

第一種方式：submit 按鈕提交

<form action="MyDemand" method="post">
     <span>关键字：</span>
     <input name="keywords" type="text" value="@keywords" />
    <input type="submit" value="搜索" />
  </form>

   

第二種方式： $("#dataform").ajaxSubmit,

   

 第三種方式：post 提交

<form id="dataform" action="UpdateUserInfo" enctype="multipart/form-data" method="post">
     <table style="width:100%;border:0;" cellpadding="0" cellspacing="0">
       <tbody>
         <tr>
           <td width="40">名字：</td>
           <td><input type="text" name="nvc_name" id="nvc_name" value="@Model.nvc_name" /></td>
         </tr>
         <tr>
           <td colspan="2" align="center">
             <input type="button" value="保存" id="btnsubmit" />
           </td>
         </tr>
       </tbody>
     </table>
   </form>

   

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://malsup.github.io/jquery.form.js"></script> //ajaxForm 依赖脚本
<script type="text/javascript">
  $(document).ready(function () {
    $("#btnsubmit").click(function () {if ($("[name=&#39;nvc_name&#39;]").val() == "") {
        alert("请填写名字");
        $("[name=&#39;nvc_name&#39;]").focus();
        return;
      }
      $("#dataform").ajaxSubmit(function (r) {
        alert(r.Msg);
        if (r.success) {
          location.reload();
        }
      })
    })
  });
</script>

   

rr

<table style="width:100%;border:0px;" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td width="15%" align="right">手机号：</td>
      <td><input type="text"placeholder="请输入手机号" id="nvc_user_name"/></td>
    </tr>
    <tr>
      <td colspan="2" align="center">
        <input type="button" value="保存" id="btnsubmit" />
      </td>
    </tr>
  </tbody>
</table>