Php 是否有任何方法可以从textbox中获取值,并使用jquery将其放入变量中,然后向其发出警报?
当用户在文本框中键入用户名时,我试图创建一个欢迎页面。当他单击submit按钮时,我希望在进入下一页之前使用jquery提醒他的名字。以下是我在五月代码中得到的信息:Php 是否有任何方法可以从textbox中获取值,并使用jquery将其放入变量中,然后向其发出警报?,php,jquery,cakephp,Php,Jquery,Cakephp,当用户在文本框中键入用户名时,我试图创建一个欢迎页面。当他单击submit按钮时,我希望在进入下一页之前使用jquery提醒他的名字。以下是我在五月代码中得到的信息: <html> <head> <?php echo $this->Html->script("jquery-1.4.3.min"); ?> </head> <body> <?php echo $
<html>
<head>
<?php echo $this->Html->script("jquery-1.4.3.min"); ?>
</head>
<body>
<?php
echo $content_for_layout;
?>
<script type="text/javascript">
$(document).ready(function () {
// alert('JQuery is succesfully included');
$(':submit').click(function(){
<?php if(($this->request->controller=='members')&&($this->action=='register')):?>
var some = $("#myId").val();
alert(some);
<?php endif; ?>
});
});
</script>
</body>
</html>
$(文档).ready(函数(){
//警报(“JQuery已成功包含”);
$(':submit')。单击(函数(){
var some=$(“#myId”).val();
警惕(一些);
});
});
但它在警报框中不显示任何内容
我也试过:
<html>
<head>
<?php echo $this->Html->script("jquery-1.4.3.min"); ?>
</head>
<body>
<?php
echo $content_for_layout;
?>
<script type="text/javascript">
$(document).ready(function () {
// alert('JQuery is succesfully included');
$(':submit').click(function(){
<?php if(($this->request->controller=='members')&&($this->action=='register')):?>
//alert('well');
var some = $("#myId").val();
alert($some);
<?php endif; ?>
});
});
</script>
</body>
</html>
<html>
<head>
<?php echo $this->Html->script("jquery-1.4.3.min"); ?>
</head>
<body>
<?php
echo $content_for_layout;
?>
<script type="text/javascript">
$(document).ready(function () {
// alert('JQuery is succesfully included');
$(':submit').click(function(){
<?php if(($this->request->controller=='members')&&($this->action=='register')):?>
//alert('well');
var some = $("#myId").val();
alert($(some));
<?php endif; ?>
});
});
</script>
</body>
</html>
$(文档).ready(函数(){
//警报(“JQuery已成功包含”);
$(':submit')。单击(函数(){
//警惕(“井”);
var some=$(“#myId”).val();
警觉(约元);;
});
});
但是没有警报盒弹出。。。我也试过:
<html>
<head>
<?php echo $this->Html->script("jquery-1.4.3.min"); ?>
</head>
<body>
<?php
echo $content_for_layout;
?>
<script type="text/javascript">
$(document).ready(function () {
// alert('JQuery is succesfully included');
$(':submit').click(function(){
<?php if(($this->request->controller=='members')&&($this->action=='register')):?>
//alert('well');
var some = $("#myId").val();
alert($some);
<?php endif; ?>
});
});
</script>
</body>
</html>
<html>
<head>
<?php echo $this->Html->script("jquery-1.4.3.min"); ?>
</head>
<body>
<?php
echo $content_for_layout;
?>
<script type="text/javascript">
$(document).ready(function () {
// alert('JQuery is succesfully included');
$(':submit').click(function(){
<?php if(($this->request->controller=='members')&&($this->action=='register')):?>
//alert('well');
var some = $("#myId").val();
alert($(some));
<?php endif; ?>
});
});
</script>
</body>
</html>
$(文档).ready(函数(){
//警报(“JQuery已成功包含”);
$(':submit')。单击(函数(){
//警惕(“井”);
var some=$(“#myId”).val();
警报($(部分));
});
});
但它给了我一个显示有[object]的警报框..:(
这个的正确代码是什么
这就是我的ctp文件中的内容
<?php
echo $this->Form->create('Member',array('action'=>'register','id'=>'myId'));
echo $this->Form->input('username', array('id'=>'myId'));
echo $this->Form->end('Check');
?>
这就是我在html源页面中得到的
嗯
登记
用户名
$(文档).ready(函数(){
//警报(“JQuery已成功包含”);
$(':submit')。单击(函数(){
//警惕(“井”);
var some=$(“#myId”).val();
//警惕(一些);
});
});
服务器端代码没有生成id=myId的输入元素。您需要重新计算php代码以输出正确的输入元素,如下所示:
然后,此代码将返回该输入的值:
$('#myId').val()
我已经让它工作了。好了,id='myId'是重复的……这是我的ctp文件
<h2>REGISTER</h2>
<?php
echo $this->Form->create('Member',array('action'=>'register','id'=>'myId'));
echo $this->Form->input('username', array('id'=>'testMe'));
echo $this->Form->end('Check');
?>
寄存器
下面是我的default.ctp和jquery:
<html>
<head>
<?php echo $this->Html->script("jquery-1.4.3.min"); ?>
</head>
<body>
<?php
echo $content_for_layout;
?>
<script type="text/javascript">
$(document).ready(function () {
// alert('JQuery is succesfully included');
$(':submit').click(function(){
<?php if(($this->request->controller=='members')&&($this->action=='register')):?>
//alert('well');
var some = $('#testMe').val();
//var some ='charm';
alert(some);
<?php endif; ?>
});
});
</script>
</body>
</html>
$(文档).ready(函数(){
//警报(“JQuery已成功包含”);
$(':submit')。单击(函数(){
//警惕(“井”);
var some=$('#testMe').val();
//“魅力”;
警惕(一些);
});
});
以下是满足您需求的脚本
<HTML>
<head>
<script type="text/javascript">
function show_ans(myform)
{
var answer=myform.ans.value;
alert(answer);
}
</script>
</head>
<body>
<form onSubmit="show_ans(this)">
<input type="text" id="ans" name="ans">
<input type="submit">
</form>
</body>
</HTML>
函数显示(myform)
{
var answer=myform.ans.value;
警惕(回答);
}
页面上是否确实有一个文本框myId
?JQuery看起来不错,您确定使用了正确的id值吗?检查html源代码,确保它显示id=“myId”
REGISTER$this->Form->input('username',array('id'=>'myId'));这就是我的ctp中的内容file@Charmie当前位置我不是问你是否复制了,我是问这个答案的海报我甚至连javascript新手都不知道如何提醒:P@ubercooluk:我的观点是,您已经建议OP已经尝试过的代码,因此显然不能作为有效的答案。即使您的代码正确地用于lerting,这显然不是问题的原因我想它根本没有得到任何值这就是为什么它没有显示任何内容:(@musefan我在手机上读到了这篇文章,肯定错过了第一部分或是被编辑了。显然,如果它已经在那里,我就应该投反对票。@lucuma:不是我的反对票,我很高兴只是发表我的评论;-)@Mayankswami没有OP发布输出的html,这将很难排除故障。假设页面上有一个id为#myId的元素,他的第一个示例应该可以工作,所以我会假设没有id为的元素,或者它不是输入元素。@Mayankswami我已经承认了这一点,正在等待更多说明来自OP的ion。谢谢。其他答案中有没有提到这个?
<html>
<head>
<?php echo $this->Html->script("jquery-1.4.3.min"); ?>
</head>
<body>
<?php
echo $content_for_layout;
?>
<script type="text/javascript">
$(document).ready(function () {
// alert('JQuery is succesfully included');
$(':submit').click(function(){
<?php if(($this->request->controller=='members')&&($this->action=='register')):?>
//alert('well');
var some = $('#testMe').val();
//var some ='charm';
alert(some);
<?php endif; ?>
});
});
</script>
</body>
</html>
<HTML>
<head>
<script type="text/javascript">
function show_ans(myform)
{
var answer=myform.ans.value;
alert(answer);
}
</script>
</head>
<body>
<form onSubmit="show_ans(this)">
<input type="text" id="ans" name="ans">
<input type="submit">
</form>
</body>
</HTML>