Button 我需要帮助提交表格。我不希望页面刷新，我不知道如何实现这一点
我使用的是一个按钮来提交表单，而不是一个提交按钮。但是，我的问题是，当我按enter键时，表单不会提交，因此我实际上必须单击提交按钮，这可能会带来不便。我想知道如何在不刷新页面的情况下使用submit from按钮，当我按enter键时，也可以使用表单submit。我觉得这是一个非常简单的解决办法，我就是找不到。以下是发生问题的页面的URL 下面是register.php的代码Button 我需要帮助提交表格。我不希望页面刷新，我不知道如何实现这一点,button,Button,我使用的是一个按钮来提交表单，而不是一个提交按钮。但是，我的问题是，当我按enter键时，表单不会提交，因此我实际上必须单击提交按钮，这可能会带来不便。我想知道如何在不刷新页面的情况下使用submit from按钮，当我按enter键时，也可以使用表单submit。我觉得这是一个非常简单的解决办法，我就是找不到。以下是发生问题的页面的URL 下面是register.php的代码 <div id="centered3"> <h1><div align='center'
<div id="centered3">
<h1><div align='center' style="color:white;">Join PearlSquirrel</align></h1>
<h4><div id='response'></div></h4>
<script language='javascript' type='text/javascript'>
function ajaxregister(){
var ajaxRequest;
try{
// Opera 8.0+, Firefox, Safari
ajaxRequest = new XMLHttpRequest();
} catch (e){
// Internet Explorer Browsers
try{
ajaxRequest = new ActiveXObject('Msxml2.XMLHTTP');
} catch (e) {
try{
ajaxRequest = new ActiveXObject('Microsoft.XMLHTTP');
} catch (e){
// Something went wrong
alert('Your browser broke!');
return false;
}
}
}
ajaxRequest.onreadystatechange = function(){
if(ajaxRequest.readyState == 4){
var ajaxDisplay = document.getElementById('response');
ajaxDisplay.innerHTML = ajaxRequest.responseText;
}
}
var username = document.getElementById('username').value;
var password = document.getElementById('password').value;
var repeatpassword = document.getElementById('repeatpassword').value;
var queryString = '?username=' + username + '&password=' + password + '&repeatpassword=' + repeatpassword;
ajaxRequest.open('GET', 'ajaxregister.php' + queryString, true);
ajaxRequest.send(null);
}
</script>
<form method='GET'>
<table>
<tr>
<td>
Choose a username:
</td>
<td>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
<script>
$(document).ready(function(){
$('#username').keyup(username_check);
});
function username_check(){
var username = $('#username').val();
if(username == "" || username.length < 4){
$('#username').css('border', '3px #CCC solid');
$('#tick').hide();
}else{
jQuery.ajax({
type: "POST",
url: "check.php",
data: 'username='+ username,
cache: false,
success: function(response){
if(response == 1){
$('#username').css('border', '3px #C33 solid');
$('#tick').hide();
$('#cross').fadeIn();
}else{
$('#username').css('border', '3px #090 solid');
$('#cross').hide();
$('#tick').fadeIn();
}
}
});
}
}
</script>
</head>
<script>
function nospaces(evt)
{
var charCode = (evt.which) ? evt.which : event.keyCode
if (charCode == 32)
return false;
return true;
}
</script><body>
<input name="username" id="username" type="text" style="height:30px; width:212px;" value='<?php echo $username; ?>' onkeypress="return nospaces(event)"/>
<img id="tick" src="tick.png" width="16" height="16"/>
<img id="cross" src="cross.png" width="16" height="16"/>
</body>
</html>
</td>
</tr>
<tr>
<td>
Choose a password:
</td>
<td>
<input type='password' name='password' id='password' style="height: 30px; width:220px;" >
</td>
</tr>
<tr>
<td>
Repeat your password:
</td>
<td>
<input type='password' name='repeatpassword' id='repeatpassword' style="height: 30px; width:220px;" >
</td>
</tr>
<tr>
<td>
</td>
<td>
By registering, you agree to the<br><a href="termsofservice.php">terms of service</a> & <a href="privacypolicy.php">privacy policy</a>
</td>
</tr>
<tr>
<td>
</td>
<td>
<input type='button' name='submit' value='Register' class='registerbutton' onclick='ajaxregister()'>
<div id="msg"></div>
</td>
</tr>
</table>
<p>
加入珍珠松鼠
函数ajaxregister（）{
var ajaxRequest；
试一试{
//Opera 8.0+、Firefox、Safari
ajaxRequest=新的XMLHttpRequest（）；
}捕获（e）{
//Internet Explorer浏览器
试一试{
ajaxRequest=newActiveXObject（'Msxml2.XMLHTTP'）；
}捕获（e）{
试一试{
ajaxRequest=newActiveXObject（'Microsoft.XMLHTTP'）；
}捕获（e）{
//出了点问题
警报（“您的浏览器坏了！”）；
返回false；
}
}
}
ajaxRequest.onreadystatechange=函数（）{
if（ajaxRequest.readyState==4）{
var ajaxDisplay=document.getElementById（'response'）；
ajaxDisplay.innerHTML=ajaxRequest.responseText；
}
}
var username=document.getElementById（'username'）。值；
var password=document.getElementById（'password'）。值；
var repeatpassword=document.getElementById（'repeatpassword'）。值；
var queryString='？username='+username+'&password='+password+'&repeatpassword='+repeatpassword；
open（'GET'，'ajaxregister.php'+queryString，true）；
ajaxRequest.send（空）；
}
选择一个用户名：
$（文档）.ready（函数（）{
$（“#用户名”）.keyup（用户名检查）；
});
函数username_check（）{
var username=$（'#username'）.val（）；
如果（username==“”| | username.length<4）{
$（'#username'）.css（'border'，'3px#CCC solid'）；
$（“#勾选”）.hide（）；
}否则{
jQuery.ajax({
类型：“POST”，
url:“check.php”，
数据：“用户名=”+用户名，
cache:false，
成功：功能（响应）{
如果（响应==1）{
$（'#username'）.css（'border'，'3px#C33 solid'）；
$（“#勾选”）.hide（）；
$（'交叉'）.fadeIn（）；
}否则{
$（'#username'）.css（'border'，'3px#090 solid'）；
$（“#交叉”）.hide（）；
$（'勾选'）.fadeIn（）；
}
}
});
}
}
函数nospaces（evt）
{
var charCode=（evt.which）？evt.which:event.keyCode
if（charCode==32）
返回false；
返回true；
}
您必须为输入字段添加按键处理程序，并检查按键代码：如果是13（回车），则执行提交按钮处理程序。嗯，我不知道该怎么做。。。我是javascript中的n00b。你看到的都是从在线教程中学到的。如果你能详细说明一下，那就太好了。谢谢你的帮助！我的代码片段：onKeyUp=“if（event.keyCode==13）document.getElementById（'loginbtn'）。click（）；”您应该将其添加到需要处理enter键的输入字段中。并用提交按钮的id替换loginbtn！我会尽快实施，看看我能用它做些什么。它工作得绝对完美。非常感谢你，伙计，非常感谢你的帮助！！！！