提交后清除webform上的值

时间:2014-03-04 04:33:06

标签: c# asp.net-mvc-3

我有一个包含少量文本框和下拉列表的网络表单,以及一个提交按钮

当用户点击提交按钮时,我将表单值通过ajax调用发送到控制器,从控制器发送到模型到数据库

提交表单后,

仍在相应的文本框中显示。

我的程序也有一个输出参数,如果数据成功提交,那么输出参数值为1,否则为0

所以基于来自控制器的这个输出参数值我应该能够清除表格值,如果插入失败则应该显示值

如何实现它?

<script type="text/javascript">
    function CreateUser() {
        $.ajax({
            url: '@Url.Content("~/User/CreateUser")',
            data: { My Data },
            type: 'GET',
            success: function (data) {
                alert(data);
            }
        });
    }

    $('#btnCreate').click(function () {
        CreateUser();
    });
</script>

代码:

public ActionResult RegisterUser(Users objUser)
{
    //i have done some code here to bind dropdownlists from database etc
    return View(objUser);
}

public ActionResult CreateUser(str Uname)
{
    try
    {
        Users objUser = new Users();
        int Successval = objUser.CreateUser(Uname);
    }
    catch (Exception ex)
    {
    }
    return RedirectToAction("RegisterUser");
}

1 个答案:

答案 0 :(得分:0)

试试这个......

获得价值0后,只需拨打以下行

即可

document.getElementById("YOUR_FORM_ID").reset();

更新

查看:

<form id="myform">
...
</form>

Javascript:

function CreateUser() {

    $.ajax({
        url: '@Url.Content("~/User/CreateUser")',
        data: { My Data },

        type: 'GET',
        success: function (data) {
            if(data == 0)
              {
               document.getElementById("myform").reset();
              }

        }
    });

}