从php中的输入文本中获取值,而无需按Enter键

时间:2016-06-22 06:10:40

标签: javascript php jquery

Hay我是php的新手,我已经制作了这样的PHP代码:

<?php
    session_start();
    echo 'Hellow Hisoka';
?>
<form name="form" method="post">
    <div class="col-sm-3">
        <label class:>Nama :</label>
    </div>
    <div class="col-sm-9">
        <input type="text" name="nama_tamu" id='nama_tamu' class="form-control" placeholder="Nama Lengkap">
        <?php
            $myValue = $_POST['nama_tamu'];     
        ?>
    </div> 
    <br/><br/>
    <?php
        echo $myValue;
    ?>
</form>

当我想显示回显消息时,我需要首先点击键盘上的enter才能获得$_POST['nama_tamu'];的值。我的问题是,我是否可以在不按nama_tamu的情况下获得enter输入的值,或者可以不使用POSTGET,然后将其分配给$ myvalue?

4 个答案:

答案 0 :(得分:0)

使用keyup()

function check(id)
{
  document.getElementById("result").innerHTML = id;  
}
<input type="text" name="test" id="test" onkeyup="check(this.value);">
Your value: <span id="result"> </span>

$(document).ready(function() {
  $("#check").keyup(function(){
    alert($(this).val());
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="check" >

答案 1 :(得分:0)

您需要使用Javascript。您可以使用Jquery events

<script>
    $( "#nama_tamu" ).keyup(function() {
        alert( $this.val() );// alerting the value of the input field
    });
</script>

答案 2 :(得分:0)

  

Web开发就是沟通。在这种情况下,通过HTTP协议在两(2)方之间进行通信:

     
      
  • 服务器 - 此方负责提供页面。
  •   
  • 客户端 - 此方从服务器请求页面,并将其显示给用户。在大多数情况下,客户端是Web浏览器。
  •   

每一方的编程,指的是在特定机器,服务器或客户端运行的代码。

如果用户尚未输入,则无法在未提交的情况下获取值。 PHP是一种服务器端语言。要在提交之前获取值并使用它们执行某些操作,您将需要javascript(客户端编程语言)。

获取值的最简单方法是使用getElementById()

var something = document.getElementById('someid');

<input type="text" name="something" id="someid">

您也可以使用jQuery:

var something = $('#someid').val();

结论

您问题的简单答案是:这是不可能的。

为什么不呢?我听你问。因为在将表单发送到您的Web服务器之前,PHP不知道表单的值。

答案 3 :(得分:-1)

为此,您应该使用.keyup函数/事件。以下是片段:

$(document).ready(function () {
  $("#nama_tamu").keyup(function(){
    $("#enterdata").html($("#nama_tamu").val());
     $.ajax({
	    type: 'POST',
		url:  "getdata.php",
		data: "nama_tamu="+$("#nama_tamu").val(),
		success: function(res)
		{
			$("#outputdata").html(res);
		}
    });
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<?php
    session_start();
    echo 'Hellow Hisoka';
?>
<form name="form" method="post">
    <div class="col-sm-3">
        <label class:>Nama :</label>
    </div>
    <div class="col-sm-9">
        <input type="text" name="nama_tamu" id='nama_tamu' class="form-control" placeholder="Nama Lengkap">
        <?php
            $myValue = $_POST['nama_tamu'];     
        ?>
     <br> You press following character:<div id="enterdata"> </div>
    </div> 
    <br/><br/>
    <div id="outputdata"></div>
    <?php
        echo $myValue;
    ?>
</form>

还为所需输出创建一个文件。

现在在getdata.php文件中

  echo $nama_tamu=$_POST['nama_tamu'];