javascript - 点击提交后页面会刷新

Question

我的表单上有多个验证..当我输入错误的数据并单击提交按钮时，它会显示一秒钟的错误消息并且页面会刷新..这只是几个功能。还有其他功能..单独，他们工作得很好。但是当我尝试运行 all 时，它不起作用。

JavaScript:

function req() 
 {

if (document.reg_indi_form.txt_fnm.value=="") 
{

    document.getElementById('i').innerHTML="*This field is required";
    document.getElementById('i').style.color="red";
    document.getElementById('i').style.fontSize="12px";
}

if (document.reg_indi_form.txt_lnm.value=="") 
{

    document.getElementById('i1').innerHTML="*This field is required";
    document.getElementById('i1').style.color="red";
    document.getElementById('i1').style.fontSize="12px";
}
return false;
}

function validateUname() {
submitFlag = true;
var len=document.reg_indi_form.txt_usrnm.value.length;
if(len<6){
    submitFlag=false;
    document.getElementById('i2').innerHTML="*enter atleast 6 char";
    document.getElementById('i2').style.color="red";
   }
   return submitFlag;
  }



  function alls()
  {
req();
validateUname();


  }

html:

<form name="reg_indi_form" method="post" onSubmit="return alls()"         enctype="multipart/form-data">

我的文件中还有 php 代码。

Answer 1

将函数 alls() 更改为:

function alls()
  {
   return req() && validateUname(); // Your function must return false otherwise it will be considered as true
  }

每当您绑定(bind)事件并想要停止传播时，只需返回 false (您正在执行的操作)，但您的函数 alls() 不会返回任何不会进一步停止事件传播的内容。