Plugin - Easy UI - Form

DEMO

　　表单验证

提交数据

方法一

// JScript
$.ajax({
            url: "/Administrator/ReceiveData",
            data: $("#form").serialize(),
            type: "post",
            success: null
});

// 后台
public ActionResult ReceiveData()
{
    var id = Request.Form["id"];
    var username = Request.Form["name"];
    var password = Request.Form["password"];
    return View();
}

方法二

// JScript
// 使用 ajax 方式提交表单
$("#form").form({
    url: "/Administrator/ReceiveData",
    onSubmit: function () {
        // 进行表单验证
        // 如果范围 false 阻止提交
    },
    success:null,
});

$("#form").submit();

方法三

// JScript
// 使用普通方式提交表单
$("#form").form('submit',{
    url: "/Administrator/ReceiveData",
    onSubmit: function () {
        // 进行表单验证
        // 如果范围 false 阻止提交
    },
    success:null,
});

获取数据

<!-- 表单 -->
<form id="form" method="post">
    <table>
        <tr>
            <td>ID:</td>
            <td><input id="ID_txt" class="easyui-textbox" type="text" name="id"></input></td>
        </tr>
        <tr>
            <td>用户名:</td>
            <td><input id="username_txt" class="easyui-textbox" type="text" name="name"></input></td>
        </tr>
        <tr>
            <td>密码:</td>
            <td><input id="password_txt" class="easyui-textbox" type="text" name="password"></input></td>
        </tr>
    </table>
</form>

// JScript
// 从页面获取数据
// 字段对应了表单里 input 的 name
$('#form').form('load', {
    id: '1',
    name:'1',
    password: '1',
 });