我是新来的。我希望我的代码在没有提交按钮的情况下提交表单。我的代码运行方式如下:每次用户在输入文本中输入数据并按enter键时,结果都会显示在输入文本下方的同一页面上。如果我使用提交按钮提交数据,这个代码将完美工作。有人能帮我吗?提前谢谢。
这是我的结果.html
$(document).ready(function(){
$("#code").change(function(){
var st = '';
$('#Myform input[type=text]').each(function(){
st = st+ '<td>'+$(this).val()+'</td>';
$(this).val('');
});
$('#result').append('<tr>'+st+'</tr>');
});
});
html
<form id="Myform">
<table>
<tr>
<td>
<p>Code:</p>
</td>
<td><input id="code" type="text" name="code" size="40" autofocus/></td>
</tr>
</table>
</form>
<table id="result"></table>
这是我的代码.php
<?php if( $_REQUEST["code"] ) {$code = $_REQUEST['code'];}?>
粗略的谷歌搜索会发现jQuery提供了一种实现这一点的方法。
您可以通过submit()
或trigger()
方法触发表单提交,即
$('#Myform').submit()
或
$('#Myform').trigger('submit')
前者只是后者的捷径。
你好吗?
如果你需要发送到另一个php页面,你可以发送AJAX,如果不想发送,你可以直接向你的js显示数据,而不需要AJAX。
https://jsfiddle.net/5L9Leso8/
更新:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>teste</title>
</head>
<body>
<div>
<label for="test">
<input type="text" name="test" id="test">
<p id="rest"></p>
</label>
</div>
<script>
$('#test').on('change', function(e) {
e.preventDefault();
var self = $(this);
/** if you don't need to send to your php code
$('#rest').html(self.val());
**/
if (self.val().length > 0) {
$.ajax({
url: 'yourUrlphp',
type: 'post',
data: {
yourText: self.val()
},
success: function(data) {
$('#rest').html(data);
}
});
}
});
</script>
</body>
</html>