我遇到了来自先前视图的表单数据持续存在的问题，然后当再次调用视图时，持久化的数据混淆了用户尝试发送的信息。例如，在应用程序加载时，我有一个登录视图。当用户提交用户名和密码时，我从父级删除视图，并加载主应用程序。当用户注销时，我清除我的模型并重建登录视图。当用户单击提交按钮（无表单）时，dom 显示 2 组用户登录数据。有没有人有关于如何使用 jquery 从 dom 中清除表单数据的建议？
我使用带有引导程序的 jquery，并使用 brite.js 作为我的 mvc 框架。
这是我的登录表格
<div id="loginForm" data-b-view="Login" data-brite-cid="bview_37">
<div class="border shadow rounded text-center" style="margin: 0 auto !important;width:750px;">
<div class="holder lText">
<h2>Welcome to dmEDGE5!</h2>
<div class="span7">"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. </div>
<div class="span7">
<div class="row">
<span>Username: </span>
<input id="loginUser" type="text">
</div>
<div class="row">
<span>Password: </span>
<input id="loginPass" type="password">
</div>
<div class="row">
<span>Remember me on this computer </span>
<input id="loginRemember" type="checkbox" checked="checked">
</div>
<div class="row">
<button id="loginSubmitBtn" class="btn btn-primary pull-right">Login!</button>
</div>
<p class="cText"><span id="forgotPass" class="link">Forgot Password</span> <span id="createAcct" class="link">Create Account</span></p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="clearfix"> </div>
</div>
现在这是我的 jquery 监听器和结果函数
$('#loginSubmitBtn').click(function() {
var user = $('#loginUser').val();
var pass = $('#loginPass').val();
if ($('#loginRemember').is(":checked")){
localStorage.Username = user;
}else{
localStorage.Username = '';
}
loginUser(user, pass)
});
function loginUser(user, pass){
if (user.length > 1 || pass.length > 1 ){
location.hash = '#/authenticateUser';
authUser(user, pass);
} else {
alert('Your username or password is incorrect please try again.');
location.hash = '#/login';
}
}
function authUser(user, pass){
var url = modelLocator.httpServiceRoot + 'j_spring_security_check';
$.ajax({
type: 'POST',
url: url,
data: {
j_username : user,
j_password : pass
},
success: function(data, textStatus, jqXHR){
loginSuccess(data, textStatus, jqXHR)},
error: function(jqXHR, textStatus, errorThrown){
loginError(jqXHR, textStatus, errorThrown)},
timeout: function(){ loginTimeout() },
scriptCharset: 'UTF-8',
dataType: 'xml'
});
}
此外，如果用户错误地登录然后正确登录，它将登录两次。首先使用错误的凭据，然后使用正确的凭据。
所以底线是用户单击按钮后如何清除 te dom 中的信息。
也使用 $('#loginForm input').val(''); 如果我这样做 jquery submits '' 即使用户输入数据也不起作用。
建议使用一组表单标签来利用 .reset()，但是我们看到这会导致 IE 中的错误，即单击按钮会导致页面重新加载并影响 hashchange。在 Firefox 和 chrome 中，我看到数据重复提交。有一个点击监听器，所以不知道为什么它会双重触发。此外，正如我所提到的，我们正在使用 mvc 框架以及把手和引导程序来根据来自服务器的数据动态构建页面。所以页面渲染的流程是
- 应用程序加载
- 基于 url 中的哈希值，我们使用 mvc 调用视图控制器（在本例中为登录视图）
- 控制器进行所有数据调用并将数据推送到模型中。然后向 mvc 和车把发送渲染请求。
- Handle bar 循环遍历模板并返回完成的 html
- 视图对用户可见
我看到的情况是您第一次登录它时很好。然后，当您注销并重新登录时，它会拨打所有电话两次。然后，如果您再次注销并且第三次登录会拨打所有电话三次。
我试过 $('divID input').val('') 和 $('divID input').val(null) 但是当用户输入一个值时，它显示为''或 null。
如果您有任何建议，请告诉我
杰夫