单击Pop-up中的Button不应关闭空+ Javascript/PHP中的窗体

Question

我用的是弹出式注册表格。我正在使用Javasript/HTML/PHP。如果字段为空且按下了，我希望保持窗体打开。但是在当前的代码中，当我按下Register时，无论数据是否被填充，弹出窗口都会被关闭。需要帮助。

调用弹出的代码。

<a href="javascript:void(0)" onclick ="document.getElementById('signup_popup').style.display='block'">SIGN UP</a>

“注册”弹出内的代码。

//Code when the signupbtn is pressed

//Code if forms are filled
if( //Forms are filled){
} else{

 //What should be the code to keep the form open when data is not present in the form ?????? Please help

}


?>

<div id="signup_popup"> 
    <form action="" method="post">
        <div class="abc">Mobile Number:</div><input type="text"     name="mobile" placeholder="+91" value="" /></br>
        <div class="abc">Email Address:</div><input type="text" name="email_address"     placeholder="xyz@gmail.com" value="" /></br>
        <div class="abc">Password:</div><input type="password"     name="login_password" placeholder="password" value="" /></br>
        <div class="abc">Confirm Password:</div><input type="password"     name="confirm_login_password" placeholder="password" value="" /></br>
        <input id="signupbtn" type="submit" name="Signup" placeholder=""      value="SIGN UP" /></br>
    </form>

</div>

Answer 1

定义函数以检查字段是否已填充，并将其结果返回到输入按钮onClick。(警报只适用于示威)

​

function allDataSet(){
  if(document.getElementById('inputMobile').value == ""){ //  add more here
    alert("please fill in all fields!");
  return false;
  }
 return true;
  }

<div id="signup_popup"> 
    <form action="" method="post">
        <div class="abc">Mobile Number:</div><input id="inputMobile" type="text"     name="mobile" placeholder="+91" value="" /></br>
        <div class="abc">Email Address:</div><input type="text" name="email_address"     placeholder="xyz@gmail.com" value="" /></br>
        <div class="abc">Password:</div><input type="password"     name="login_password" placeholder="password" value="" /></br>
        <div class="abc">Confirm Password:</div><input type="password"     name="confirm_login_password" placeholder="password" value="" /></br>
        <input id="signupbtn" type="submit" name="Signup" placeholder=""      value="SIGN UP" onclick="return allDataSet()"/></br>
    </form>

</div>

​