jquery-mobile - 提交按钮状态

Question

我有一个使用 jquery 和 jquerymobile 的登录表单。当我单击提交按钮时，它会将“提交”的状态永久更改为选定状态。单击按钮后如何将其更改回正常状态。

HTML：

<form id="loginForm">
  <input type="password" name="password" id="password" value="" placeholder="Please enter your password" />
  <input type="submit" value="Login" id="submitButton"/>
</form>

JS：

$("#loginForm").on("submit", loginForm_submit);
function loginForm_submit() {
  alert("Your password is - " + $("#password", $("#loginForm")).val());
  return false;
}

jsFiddle 页面链接：- http://jsfiddle.net/UmeQt/

Answer 1

将以下内容添加到您的函数中

$(this).find('.ui-submit').removeClass('ui-btn-active');

演示

完整代码：

$("#loginForm").on("submit", function () {
  $(this).find('.ui-submit').removeClass('ui-btn-active');
  alert("Your password is - " + $("#password", $("#loginForm")).val());
  return false;
});