如何从表单检索值到另一个HTML?

时间:2013-11-29 06:02:22

标签: javascript php jquery html forms

我的代码是......

<form name="myForm" action="demo_form.html" onsubmit="return validateForm()" method="GET">      
    <input type="text" name="StuserID" id="basic" value=""  placeholder="userID"   /> 
    <input type="submit" value="Login"/>

因此,当我按下Login时,它将调用方法validateForm()并返回布尔值

 function validateForm()        
     {  
         var x=document.forms["myForm"]["StuserID"].value;  
            if (x==null || x=="")  
      {  
         alert("Name must be filled out");  
          return false;  
      }
    }

首先,如果userId为null,则应显示警告“必须填写名称”并返回false。就我而言,它正在成功并转移到demo_form.html。我怎样才能使表单提交并继续到demo_form.html只在函数返回true时才能完成?

其次,如何在按下登录按钮时从表单中获取demo_form.html中的userid?

3 个答案:

答案 0 :(得分:3)

你必须使用php文件从html form中检索数据。你的html代码表格应该是

<form name="myForm" action="demo_form.php" onsubmit="return validateForm()" method="GET">      
<input type="text" name="StuserID" id="basic" value=""  placeholder="userID"  required /> 
<input type="submit" value="Login"/>

然后

function validateForm()        
         {  
             var x=document.getElementById["StuserID"].value;  
                if (x=="")  
          {  
             alert("Name must be filled out");  
              return false;  
          }
                else 
          {
                return true;
          }
        }

您应该使用以下代码来演示demo_form.php文件

<?php
$user = $_GET['StuserID'];
echo $user;
?>

答案 1 :(得分:0)

1)因为false会阻止表单提交的默认行为。

2)创建会话并在会话变量中使用userid

答案 2 :(得分:0)

我没有确切的错误,但在我的情况下,以下代码可以运行,你也可以试试

<!DOCTYPE html>
<html>
<head>
<script>
function validateForm()        
     {  
         alert("sdfdfsf");
        // return false;
        var x=document.forms["myForm"]["StuserID"].value;  
            if (x==null || x=="")  
      {  
         alert("Name must be filled out");  
          return false;  
      }
    }
</script>
</head>

<body>
<form name="myForm" action="demo_form.html" onsubmit="return validateForm()" method="GET">      
    <input type="text" name="StuserID" id="basic" value=""  placeholder="userID"   /> 
    <input type="submit" value="Login"/>
</form>
</body>

</html>

你也可以使用jquery函数

.submit