繁体   English   中英

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

[英]How to retrieve the values from an form to another html?

我的代码是...

<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。 我怎样才能做到只有在函数返回true时才完成表单提交并继续到demo_form.html?

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

您必须使用php文件从html表单中检索数据。您的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)因为false阻止了表单提交的默认行为。

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

我没有确切的错误,但是在我的情况下,以下代码可以正常工作

<!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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM