Javascript 单击“警报确定”后如何保持在同一位置？_Javascript_Php_Jquery_Html

Javascript 单击“警报确定”后如何保持在同一位置？

javascript php jquery html

Javascript 单击“警报确定”后如何保持在同一位置？,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我的问题是，当我点击alert message ok（警报消息确定）按钮时，页面转到另一个页面sample_page.php，复选框或单选字段保持为空。。我只需要保持在同一页上，当我检查无线电字段或复选框字段时，只有一页在另一页上，否则它将保持在同一页上 <!DOCTYPE HTML> <html> <head> <style> .error {color: #FF0000;} </style> <script LANGUA

我的问题是，当我点击alert message ok（警报消息确定）按钮时，页面转到另一个页面sample_page.php，复选框或单选字段保持为空。。我只需要保持在同一页上，当我检查无线电字段或复选框字段时，只有一页在另一页上，否则它将保持在同一页上

<!DOCTYPE HTML> 
<html>
<head>
<style>
.error {color: #FF0000;}
</style>
 <script LANGUAGE="JavaScript">
 function ValidateForm(form)
 {
 ErrorText= "";

 var a = document.myForm.fname.value;
if(a=="")
 {
 alert("Please Enter Your Name");
 document.myForm.fname.focus();
return false;
}

if ( ( form.gender[0].checked == false ) && ( form.gender[1].checked == false ) ) 
{
alert ( "Please choose your Gender: Male or Female" ); 
return false;
}

var group = document.myForm.Hobby;
for (var i=0; i<group.length; i++)
{
  if (group[i].checked)
  break;
 }
if (i==group.length)
{
return alert("No Checkbox is checked");
return false;
 }
if (ErrorText= "") {form.reload() } 
 }

</script>
</head>
<body> 
 <h2>PHP Form Validation Example</h2>
 <p><span class="error">* required field.</span></p>
 <form method="post" name="myForm" action="sample_output.php"> 
 <p>First Name:
 <input type="text" name="fname"  id="fname" />
 <span class="error">* </span>
 <br><br>
 Last Name: <input type="text" name="lname"/>
 <span class="error">*</span>
 <br><br> 
 Gender:
 <input type="radio" name="gender" value="female">Female
 <input type="radio" name="gender" value="male">Male
 <span class="error">*</span>   </p>
 <p>
  <label for="birth">Date Of Birth</label>: 
  <input type="date" name="birth" id="birth"required>
  <span class="error">*</span>
 </p>
 <p>
  <label for="address">Address: </label>
 <input type="text" name="address" id="address"required>
 <span class="error">*</span>
 </p>
 <p>
    <label for="fields">Country:</label>
    <select name="country" id="country" required>
    <option value="">Select Country</option>
       <option value="INDIA">INDIA</option>
       <option value="USA">USA</option>
       <option value="UK">UK</option>
       <option value="UAE">UAE</option>
       <option value="RASSIA">RASSIA</option>
       <option value="FRANCE">FRANCE</option> 
    </select>
 </p>
 <p>
 <label for="state">State: </label>
 <select name="state" id="state">
 </select>
  </p>
 <p>
 <label for="city">City: </label>
 <select name="city" id="city">
 </select>     
 </p>
 <p>
 <label for="mob_number">Mobile Number: </label>
 <input type="text" name="mob_number" id="mob_number">
 </p>
 <p>
 <label for="email">Email: </label>
 <input type="text" name="email" id="email">
 </p>
 <p>Hobbies: 
 <br>
  <label>
     <input type="checkbox" name="Hobby" value="checkbox" id="Hobby_0">
       Singing</label>
   <br>
   <label>
   <input type="checkbox" name="Hobby" value="checkbox" id="Hobby_1">
      Dansing</label>
   <br>
    <label>
   <input type="checkbox" name="Hobby" value="checkbox" id="Hobby_2">
  Reading</label>
 <br>
 <label>
   <input type="checkbox" name="Hobby" value="checkbox" id="Hobby_3">
   Playing</label>
 <br>
 <label>
   <input type="checkbox" name="Hobby" value="checkbox" id="Hobby_4">
   Other</label>
   <span class="error"></span>
 <br>
 <br>
 </p>
 <input type="submit" name="submit" value="Submit" onClick="ValidateForm(this.form)" >


.错误{color:#FF0000；}
函数ValidateForm（表单）
{
ErrorText=“”；
var a=document.myForm.fname.value；
如果（a==“”）
{
警告（“请输入您的姓名”）；
document.myForm.fname.focus（）；
返回false；
}
if（（form.gender[0].checked==false）和&（form.gender[1].checked==false））
{
提醒（“请选择您的性别：男性或女性”）；
返回false；
}
var group=document.myForm.Hobby；
对于（var i=0；i您应该在onClick中向函数调用添加一个返回：
<input type="submit" name="submit" value="Submit" onClick="return ValidateForm(this.form)" >

请按以下方式更改您的部分代码。将表单标记中的onclick标记替换为
onClick="return ValidateForm(this.form)" 

替换
return   alert("No Checkbox is checked11");

与
alert("No Checkbox is checked11");