如何通过文本验证将html页面中的值发送到php页面

时间:2013-07-04 12:08:42

标签: php javascript html

搜索完我的东西之后,我在其他网站或论坛上找不到太多有用的信息。所以我决定在这里直截了当地问一下。 我有一个html文件检查该字段是否为空,如果为空它会发出警报,这里很好地停留。我的问题是如果文本框不为空,如何将文本值发送到php页面。我的密码.html文件是这样的:

<link href="style.css" rel="stylesheet" type="text/css">
<form onsubmit="return checkvalue()" method="post">
<ul class=mainForm id="mainForm_1"> 
<li class="mainForm" >Enter your Email address :</li>  
<input name="FNAME" type="text" id="mystring"><br>
<br>
<input type="submit" value="Proccedd" />
</form></ul></div>
<script lang="javascript">
 function checkvalue() { 
 var a = document.getElementById('mystring').value;
 if(!(a).match(/\S/)) {
    alert ('Empty value is not allowed');
    return true;
}
else
 {
 window.open("http://...Secured.php?mystring="//value here""); 
return false;}
 }
</script>

任何帮助都会很棒。谢谢。

4 个答案:

答案 0 :(得分:1)

a变量连接到您的网址,如:

window.open("http://...Secured.php?mystring="+a);

很容易通过以下方式获取Secured.php:

$_GET['mystring']

修改
这不是从表单传递字符串的正确方法。 return true将允许表单提交,您将获得$_POST['FNAME']的值。您还需要在服务器端验证它。

答案 1 :(得分:1)

使用jquery ajax。

   

 $('#submit').click(function(){
   name  =$("#name").val();
   if(name==""){
      alert("Name Required!");
   }else{
      $.ajax({
         url:'page.php',
         data:'name='+name,
         success(result){
           alert(result);
         }
      });
   }
 });

您需要在html页面中包含jquery库。

干杯

答案 2 :(得分:0)

我认为您应该使用此

从表单中发送数据
<form action="http://...Secured.php" onsubmit="return checkvalue()" method="post">

而不是这个

<form onsubmit="return checkvalue()" method="post">

你可以参考像这样的变量

$_POST['variable_name_from_form']

答案 3 :(得分:0)

而不是做window.open。如果字段为空,您可以简单地返回false,否则返回true。并在表单中添加带有php页面名称的属性操作。这样的事情。

<link href="style.css" rel="stylesheet" type="text/css">
<form action="http://...Secured.php" onsubmit="return checkvalue()" method="post">
<ul class=mainForm id="mainForm_1"> 
<li class="mainForm" >Enter your Email address :</li>  
<input name="FNAME" type="text" id="mystring"><br>
<br>
<input type="submit" value="Proccedd" />
</form></ul></div>

<script type="text/javascript">
function checkvalue() { 
 var a = document.getElementById('mystring').value;
 if(a=="" || a==null) {
    alert ('Empty value is not allowed');
    return false;
}
else
 {
 return true;
 }
 }
</script>