ASP.NETMVC中js非空验证实例

页面代码

 1 @using (Html.BeginForm("Edit", "Home", FormMethod.Post, new { @Id = "frm" }))
 2 {
 3     <table>
 4         <tr>
 5             <td>姓名：</td>
 6             <td> @Html.EditorFor(model => model.EmpName)
 7                  <span id="Name"></span>
 8             </td>
 9         </tr>
10         <tr>
11             <td>年龄：</td>
12             <td> @Html.EditorFor(model => model.Age)</td>
13         </tr>
14          <tr>
15             <td>性别：</td>
16             <td>
17                 <select name="sex">
18                     <option value=true selected>男</option>
19                     <option value=false >女</option>
20                 </select>
21             </td>
22         </tr>
23         <tr>
24             <td>所属部门：</td>
25             <td>@Html.DropDownListFor(m => m.DepId, ViewBag.dp as SelectList, "===请选择==")</td>
26         </tr>
27         <tr>
28             <td>入职日期：</td>
29             <td>
30               @Html.EditorFor(model => model.AddTime)
31 
32             </td>
33         </tr>
34         <tr>
35             <td>税前月薪：</td>
36             <td>
37               @Html.EditorFor(model => model.Wage)
38              
39             </td>
40         </tr>
41         <tr>
42             <td><input type="submit" value="添加"/></td>
43             <td><input type="reset" value="取消"/></td>
44         </tr>
45     </table>
46 }

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>