Javascript 为什么提交所有表单代码不是';不行吗?
下面的代码为输入着色,但未在chrome中提交表单。它在Firefox中工作:Javascript 为什么提交所有表单代码不是';不行吗?,javascript,jquery,Javascript,Jquery,下面的代码为输入着色,但未在chrome中提交表单。它在Firefox中工作: <script type="text/javascript"> $(function(){ $('input').keypress(function(event) { if (event.keyCode == '13') { //alert($(this).parentsUntil('form').css('color')); $('form').css('
<script type="text/javascript">
$(function(){
$('input').keypress(function(event) {
if (event.keyCode == '13') {
//alert($(this).parentsUntil('form').css('color'));
$('form').css('color','red');
$('form').submit();
}
});});</script>
$(函数(){
$('input')。按键(函数(事件){
如果(event.keyCode==“13”){
//警报($(this.parentsUntil('form').css('color'));
$('form').css('color','red');
$('form').submit();
}
});});
请注意,submit按钮设置为display:none,如果我将其更改为visibility:hidden,它可以工作,但它保留了我不想要的位置
谢谢
编辑
下面是一个完整的示例,如下所示:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js"></script>
<title>دخول</title>
<script type="text/javascript">
$(function(){
$('input').keypress(function(event) {
if (event.keyCode == 13) {
$(this).parents('form').submit();
}
});
});
</script>
</head>
<body>
<form action="http://www.yahoo.com" method='post'>
<table >
<tr><td>name: </td><td><input type="text" name="username" value=""></td></tr>
<tr><td>password: </td><td><input type="password" name="password" value=""></td></tr>
<tr><td colspan=2><a href="javascript:void(0)" onclick="$('#loginfrm').click();">Login</a>
<div style="display: none;"><input type="submit" name="submit" value="Login" id="loginfrm"></div></td></tr>
</table>
</form>
دخول
$(函数(){
$('input')。按键(函数(事件){
如果(event.keyCode==13){
$(this.parents('form').submit();
}
});
});
姓名:
密码:
这很奇怪,只是在Chrome中尝试过,即使没有您的代码(按键
)它也能正常工作
您的问题是您将提交按钮命名为
submit
,浏览器将其视为一个已使用的名称,给提交按钮命名为dosubmit
或其他名称,然后它就工作了
使用名称提交(不起作用)
名称为dosubmit
(作品)
唯一不同的是提交的名称。
除此之外,我将event.keyCode
更改为event.which
从您的原始代码,请参阅以了解原因。您的代码与一个简单示例一样适用于我。我们能看到一个完整的HTML标记的工作示例吗?顺便说一句,你知道你可以缩进JavaScript代码吗-p将event.keyCode
更改为event.which
,keyCode
不完全跨浏览器兼容。完整代码现在已附加。我在您的示例中未看到任何操作,请确保您单击“运行”测试代码。感谢您花时间提供示例。成功了。