ASP.NETMVC中js非空验证实例

页面代码

 @using (Html.BeginForm("Edit", "Home", FormMethod.Post, new { @Id = "frm" }))
 {
     <table>
         <tr>
             <td>姓名：</td>
             <td> @Html.EditorFor(model => model.EmpName)
                  <span id="Name"></span>
             </td>
         </tr>
         <tr>
             <td>年龄：</td>
             <td> @Html.EditorFor(model => model.Age)</td>
         </tr>
          <tr>
             <td>性别：</td>
             <td>
                 <select name="sex">
                     <option value=true selected>男</option>
                     <option value=false >女</option>
                 </select>
             </td>
         </tr>
         <tr>
             <td>所属部门：</td>
             <td>@Html.DropDownListFor(m => m.DepId, ViewBag.dp as SelectList, "===请选择==")</td>
         </tr>
         <tr>
             <td>入职日期：</td>
             <td>
               @Html.EditorFor(model => model.AddTime)
 
             </td>
         </tr>
         <tr>
             <td>税前月薪：</td>
             <td>
               @Html.EditorFor(model => model.Wage)
 
             </td>
         </tr>
         <tr>
             <td><input type="submit" value="添加"/></td>
             <td><input type="reset" value="取消"/></td>
         </tr>
     </table>
 }

js代码

<script src="~/Scripts/jquery-1.8.2.min.js"></script>
<script>
    $(function () {
        $("#frm").submit(function () {
            if($("#EmpName").val()=="")
            {
                alert("用户名不能为空");
                return false;
            }
            if ($("#Age").val() == "") {
                alert("年龄不能为空");
                return false;
            }
            if ($("#AddTime").val() == "") {
                alert("年龄不能为空");
                return false;
            }
            if ($("#Wage").val() == "") {
                alert("年龄不能为空");
                return false;
            }
        });
    });
</script>