Php 输入以提交而不是刷新
可能重复:Php 输入以提交而不是刷新,php,jquery,html,Php,Jquery,Html,可能重复: 我有以下表单结构 我的表格结构: <form name="form"> <label>Name:</label> <input type="text" name="name" id="id" size="50"/></br> <label></label> <input type="button" value="Get Info" onClick="get();"> </fo
我有以下表单结构 我的表格结构:
<form name="form">
<label>Name:</label>
<input type="text" name="name" id="id" size="50"/></br>
<label></label>
<input type="button" value="Get Info" onClick="get();">
</form>
<div id="age"></div>
现在,当我使用按钮(input type=“button”)发布信息时,效果很好,但当我填写信息并按键盘上的enter键时,页面会刷新
如何使用Enter按钮发布信息?尝试
返回false代码>在您的函数中。这将停止按钮的正常行为:
function get() {
$.post('XXX.php', { name: form.name.value },
function(output){
$('#age').html(output).show();
});
return false;
}
尝试返回false代码>在您的函数中。这将停止按钮的正常行为:
function get() {
$.post('XXX.php', { name: form.name.value },
function(output){
$('#age').html(output).show();
});
return false;
}
很多时候,在非文本区域字段中按enter键时,表单中的默认行为是提交,即使未按提交按钮或提交按钮不存在
试试这个:
<form name="form" onsubmit="get();return false;">
很多时候,在非文本区域字段中按enter键时,表单中的默认行为是提交,即使未按提交按钮或提交按钮不存在
试试这个:
<form name="form" onsubmit="get();return false;">
我做的有点不同(这可能意味着这是错误的方式)。我根本不做表格。我只是创建输入、选择等。。然后当我写我的帖子时,我只得到函数调用的值
$.ajax({
type: "POST",
url: "someFile.php",
data: { 'name': $("#ElementID").val()},
success: function(data) {
//some function....
{
});
希望这可能会有帮助……我做的有点不同(这可能意味着这是错误的方式)。我根本不做表格。我只是创建输入、选择等。。然后当我写我的帖子时,我只得到函数调用的值
$.ajax({
type: "POST",
url: "someFile.php",
data: { 'name': $("#ElementID").val()},
success: function(data) {
//some function....
{
});
希望这可能会有所帮助……我看到您将此作为jQuery发布,所以我想我会给您一个使用该功能的解决方案
$('form[name=form]').submit(function(e) {
var $form = $(this);
$.post( $form.attr('action'), $form.serializeArray(), function( result ) {
$('#age').html( result ).show();
});
e.preventDefault();
});
这将使您不必为数据参数创建疯狂的json对象,也不必使用表单的action属性重复自己。这也将保持浏览器的行为,在输入时按enter键将提交表单
。表单操作文件中唯一的内容是
我看到您将此作为jQuery发布,所以我想我会给您一个使用它的解决方案
$('form[name=form]').submit(function(e) {
var $form = $(this);
$.post( $form.attr('action'), $form.serializeArray(), function( result ) {
$('#age').html( result ).show();
});
e.preventDefault();
});
这将使您不必为数据参数创建疯狂的json对象,也不必使用表单的action属性重复自己。这也将保持浏览器的行为,在输入时按enter键将提交表单
。表单操作文件中的唯一内容是
我认为使用return false不符合我的目的它不适用于任何地方我认为使用return false不符合我的目的它不适用于任何地方确实,提交事件与单击不同。确实,提交事件与单击不同。