2015-08-09 40 views
0

我有一些輸入的形式,我將它們加載到局部視圖中,我可以成功重置表單。當我通過AJAX重新加載此局部視圖在他們的一些數據,表單復位按鈕並不在所有的工作。清除表單中的所有重新輸入

使用jQuery的休息形式:

$( 「形式」)觸發( 「重置」)。

但是我可以通過跟蹤所有的輸入,然後重新設置功能清除輸入,但我想與形式的復位方法做到這一點。任何建議要做?

編輯

Jquery: 
    $.ajax({ 
     url: url, 
     error: function (data) {*handle something here*}, 
     success: function (data) { 
      $("#inputs").html(data); 
     } 
    }); 



Razor: 
    @using (Html.BeginForm("SaveRegistration", "ItemRegister", FormMethod.Post, new 
    { 
     name = "frmItemRegister"  
    })) 
    { 
     <div id="inputs"> 
      @Html.Partial("TestRegister/_RegisterInputs", Model) 
     </div> 
    } 
+0

你能告訴在這裏裝載的局部視圖 –

+0

@StephenMuecke我使用'把scrips這裏 –

+0

腳本.reset()'將窗體控件重置爲其默認值(使用'defaultValue','defaultChecked'等屬性)。所以如果你的partial是加載已經有值的表單控件,那麼這些值就是默認值。你可以通過修改文本來測試,然後點擊你的休息按鈕 - 當你通過ajax加載表單時,它應該恢復到初始值。 –

回答

0

兩種最常用的方法來複位形式:

$("form")[0].reset(); 

$("form").find('input').val(''); 
+1

但是'$(「形式」)復位();'不重裝後工作。問題正是這個! –

+0

$(「form」)。reset();'不起作用 - '.reset()'是一個DOM元素方法,所以它需要'$(「form」)[0] .reset ();'。第二個選項是廢話 - 除了缺少textarea和select,reset通過將控件重置爲它們的默認值(它可能不一定是null)來工作 –

+1

@StephenMuecke是的,您正確使用$(「form」)[0] .reset() ;但他們都沒有工作後重新加載。首先我沒有通過重置表單的問題。問題在於重新加載輸入之後 –