Javascript 提交后刷新

Javascript 提交后刷新,javascript,jquery,html,css,Javascript,Jquery,Html,Css,由于某种原因,在我单击“提交”后,页面变为白色,然后刷新,我想防止出现这种情况。我查看了我的代码,找不到导致页面刷新的原因。我猜这与无限循环有关,并导致页面崩溃,但我似乎找不到bug 这是我的代码(HTML、CSS、JS、Jquery)的url 这是默认情况下在浏览器中发生的情况 现在您正在等待submit按钮上的click事件,您不应该这样做。您最好等待表单本身上的提交事件 如果要阻止submit事件发生,则需要防止默认行为 $('form').on('submit', function (e

由于某种原因,在我单击“提交”后,页面变为白色,然后刷新,我想防止出现这种情况。我查看了我的代码,找不到导致页面刷新的原因。我猜这与无限循环有关,并导致页面崩溃,但我似乎找不到bug

这是我的代码(HTML、CSS、JS、Jquery)的url


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

现在您正在等待submit
按钮上的click事件,您不应该这样做。您最好等待
表单本身上的提交事件

如果要阻止submit事件发生,则需要防止默认行为

$('form').on('submit', function (e) {
  e.preventDefault();
  // Do your thing...
});
还有一些事情可以让你的代码保持干爽

因为你在脚本的顶端做了这个

var pass = $('#password1');
你不需要这样做

$('#password1').addClass('failure');
你可以这么做

pass.addClass('failure');

Html更正:
Jquery更正:
函数validationFunctionName(){
if(soMeCondition)//如果这是真的,验证将失败
返回false;
}

这是因为表单正在提交。您需要拦截它,以便它不会在提交表单后提交添加
return false
,以防止在我添加return false或$('form')时刷新表单。在('submit',函数(e){e.preventDefault();它不再允许输入值更改颜色(addClass)
pass.val();
Html Correction:
<form.... onSubmit = return validationFunctionName()>

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