提交后刷新

Question

由于某些原因，在我点击提交后，页面变为白色，然后刷新，我想阻止它。我查看了我的代码，无法找到导致页面刷新的内容。我猜测它与无限循环有关并导致页面崩溃但我似乎无法找到错误

这是我的代码（HTML，CSS，JS，Jquery）的网址

http://codepen.io/epmiles/pen/ewEjn?editors=011

Answer 1

这是默认情况下在浏览器中发生的事情。

现在您正在等待提交button上的点击事件，您不应该这样做。您最好等待form本身的提交事件。

如果要停止发生提交事件，则需要阻止默认行为。

$('form').on('submit', function (e) {
  e.preventDefault();
  // Do your thing...
});

您还可以使用一些方法来保持代码干净。

由于您在脚本的顶部执行此操作...

var pass = $('#password1');

你不需要这样做......

$('#password1').addClass('failure');

你可以这样做..

pass.addClass('failure');

和

pass.val();

Answer 2

Html Correction:
<form.... onSubmit = return validationFunctionName()>

Jquery correction:
  function validationFunctionName(){
  if(soMeCondition)//if this is true validation fails
  return false;
}