重新提交相同的表单无效

时间:2014-02-08 21:44:57

标签: javascript jquery html forms

我正在制作一个HTML页面“Login Pro.html”。我正在制作这样一个页面,只需点击我可以登录帐户的链接(比如Facebook)。

HTML代码:

<a href="Login Pro.html" id="loginLink" target="_new">Login to my Account</a>

用户名和密码的表单输入字段(将使用JQuery设置value属性):

<input type="text" id="username" value="" />
<input type="password" id="password" value="" />
<input type="submit" id="loginButton" />

在JQuery代码中,我正在设置值并提交如下表单:

$("#loginLink").click(function()//when the link is clicked this will be executed.
{
   $("#username").attr("value","My Username");//Setting value for the username
   $("#password").attr("value","My Password");//Setting value for the password
   $("#loginButton").click();//Submitting the form by implicitly clicking the submit button
});

在这种情况下,我可以成功登录我的帐户,并且“登录Pro.html”(从我正在执行的所有这些页面)在新页面中打开(因为我设置了 target =“ _new“并且表单正在提交并将我带到我登录的帐户的主页,在第一页(选项卡)中成功打开。但是当我尝试再次登录时”登录Pro.html“页面,在新选项卡中打开,我正在登陆到同一页面,即”登录Pro.html“页面而不是登录(简而言之,在第二个实例中我无法登录)。这个页面,当我再次打开页面时,同样的传奇继续,即我能够在第一个实例中登录,但在尝试新选项卡时无法登录。

有人可以帮助我摆脱这个。这是因为页面已经加载了吗?

1 个答案:

答案 0 :(得分:0)

输入中缺少“name”属性。没有名字你就不会发送任何东西。