php - 使用 JavaScript 验证提交表单

标签 php javascript html mysql

这不起作用,我是 PHP 新手。当我运行这个 PHP 时,值被传递到第二个 php 而不显示任何空格验证,我不知道我做错了什么。 我尝试通过查看网上的各种教程来编写代码,但不知道出了什么问题。

  <html>
  <body>
  <script type="text/javascript">
  function validateForm(){
var w=document.forms["myForm"]["t1"].value;
  var x=document.forms["myForm"]["t2"].value;
var y=document.forms["myForm"]["t3"].value;
var z=document.forms["myForm"]["s1"].value;

    if (w==null || w=="")
   {
  alert("Fill out");
  return false;
  }
  if (x==null || x=="")
  {
  alert("Fill out");
  return false;
  }
  if (y==null || y=="")
  {
  alert("Fill out");
  return false;
  }
  if (z==null || z=="")
  {
  alert("Fill out");
  return false;
  }
   }
   </script>
   </head>
  <body><form id="f1" method="post" action="2.php" onsubmit="return validateForm()">
   <h1>FORM</h1>
   <br>
   ID :<input type="text" id="t1" name="t1" />
    NAME :<input type="text" id="t2" name="t2" /><br>
    GENDER :
   MALE<input type="radio" id="t3" name="t3" value="MALE" />
   FEMALE<input type="radio" id="t3" name="t3" value="FEMALE"/>
   <br>COURSE
   <select name="s1" id="s1">
   <option value="B.tech">B.Tech</option>
   <option value="B.com">B.com</option>
   <option value="Bba">Bba</option>
    </select>
   <br>
   <input type="submit" id="b1" name= "b1" value="Login" />
   <input type="submit" id="b1" name= "b1" value="Cancel" />
    </form>
      </body>
    </html>

最佳答案

你已经写了

<form id="f1" method="post" action="2.php" onsubmit="return validateForm()">

请将 name 属性添加到表单标签“myForm”中:-

<form id="f1" method="post" name = "myForm" action="2.php" onsubmit="return validateForm()">

关于php - 使用 JavaScript 验证提交表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17135986/

相关文章:

javascript - 在 AJAX 查询中使用静态 JSON 字符串而不是 URL

php - 如何在 PhpStorm 中禁用 PHP echo 的高亮显示?

php - 检查今天是否是本月第一天的最佳方法

c# - 如何在 PHP 和 ASP.net 应用程序之间共享 session ?

php - 如何显示MySQL表中具有特定列值的所有行?

javascript - Adblock active 然后不要在新标签页中打开超链接

javascript - 修改字符串中的 for 循环

javascript - 如何在抽屉导航底部对齐抽屉项目?

javascript - 如何使用 Node js 和 html 构建客户端服务器应用程序?

jquery - Lightbox2 for bootstrap 在 Firefox 和 Internet Explorer 上不工作