Javascript 使用id="；提交；一页两次

我正在创建站点的登录/注册部分。登录和注册表格在第页

比如：

---

由于两个函数都做相同的事情，只需创建一个函数并将其绑定到两种形式的“onsubmit”事件

您标记的是jquery，所以，jquery风格，使用Mike Alsup的

函数验证（formData、jqForm、options）{
//formData是一个对象数组，表示每个字段的名称和值
//将被发送到服务器；其形式如下：
// 
// [ 
//{name:username，value:valueOfUsernameInput}，
//{name:password，value:valueOfPasswordInput}
// ] 
// 
//为了验证，我们可以检查这个数组的内容，看看
//用户名和密码字段都有值。如果其中一个值
//如果为false，那么我们将从该方法返回false。
对于（var i=0；i

---

此示例和更多信息。

由于两个函数做相同的事情，只需创建一个函数并将其绑定到两种形式的“onsubmit”事件

您标记的是jquery，所以，jquery风格，使用Mike Alsup的

函数验证（formData、jqForm、options）{
//formData是一个对象数组，表示每个字段的名称和值
//将被发送到服务器；其形式如下：
// 
// [ 
//{name:username，value:valueOfUsernameInput}，
//{name:password，value:valueOfPasswordInput}
// ] 
// 
//为了验证，我们可以检查这个数组的内容，看看
//用户名和密码字段都有值。如果其中一个值
//如果为false，那么我们将从该方法返回false。
对于（var i=0；i

---

此示例和更多信息。

我将您的HTML代码简化为以下内容：

<form name="loginForm" method="post" onsubmit="return validateForm();" action="index.php">
    <label>Email Address: <input type="email" name="email" autocomplete="off" placeholder="Email Address"/></label>
    <label>Password: <input type="password" name="password" placeholder="Password"/></label>
    <button type="submit" class="button large arrow-type-2 dark">Log In</button>
</form>


<form name="registerForm" method="post" onsubmit="return validatethisForm();"
      action="index.php">
    <label>Email Address: <input type="email" name="email" autocomplete="off" placeholder="Email Address"/></label>
    <label>Password: <input type="password" name="password" placeholder="Password"/></label>
    <button type="submit" class="button large arrow-type-2 dark">Create Free Account</button>
</form>

并通过

loginForm.email; //Also by name

无需

div

s和

br

s来管理换行符。使用标签本身。添加

显示：块如有必要

不要使用内联样式属性。使用CSS

元素或外部样式表

密码字段没有自动完成功能

使用HTML5的新表单输入类型

type=“email”

将让浏览器以本机方式验证该字段，并在电子邮件无效时通知用户

保持简单。不需要腹胀

---

我将您的HTML代码简化为以下内容：

<form name="loginForm" method="post" onsubmit="return validateForm();" action="index.php">
    <label>Email Address: <input type="email" name="email" autocomplete="off" placeholder="Email Address"/></label>
    <label>Password: <input type="password" name="password" placeholder="Password"/></label>
    <button type="submit" class="button large arrow-type-2 dark">Log In</button>
</form>


<form name="registerForm" method="post" onsubmit="return validatethisForm();"
      action="index.php">
    <label>Email Address: <input type="email" name="email" autocomplete="off" placeholder="Email Address"/></label>
    <label>Password: <input type="password" name="password" placeholder="Password"/></label>
    <button type="submit" class="button large arrow-type-2 dark">Create Free Account</button>
</form>

并通过

loginForm.email; //Also by name

无需

div

s和

br

s来管理换行符。使用标签本身。添加

显示：块如有必要

不要使用内联样式属性。使用CSS

元素或外部样式表

密码字段没有自动完成功能

使用HTML5的新表单输入类型

type=“email”

将让浏览器以本机方式验证该字段，并在电子邮件无效时通知用户

保持简单。不需要腹胀

---

---

您为什么需要该ID？从功能上讲，这是没有必要的。你可以马上删除它。我在这里看不到jQuery。id在页面上必须是唯一的。当然，这个名字是

id

（标识）我知道它们必须是唯一的，这就是我问的原因。我能省略它们吗？或者重命名class=submit？为什么需要该ID？从功能上讲，这是没有必要的。你可以马上删除它。我在这里看不到jQuery。id在页面上必须是唯一的。当然，这个名字是

id

（标识）我知道它们必须是唯一的，这就是我问的原因。我能省略它们吗？或者重命名class=submit？表单实际上在模式窗口中启动。我试过贴标签，但它把事情搞砸了。我打算使用jquery占位符插件。感谢您在密码字段上的提示，感谢您的回复。我实际上是在玩弄使用“抖动”而不是警报，因为我们使用的是modals。我也会调查的。投票选出你的答案，RegardSlabel仍然是可访问性的重要组成部分。我的建议是有一个明确的标签（

电子邮件：

），只需隐藏高度为0的标签或<代码>可见性：隐藏。让屏幕上的读者看到它。这是一个好主意，会做到这一点。用占位符代码更新了问题。干杯表单实际上是在模式窗口中启动的。我试过贴标签，但它把事情搞砸了。我打算使用jquery占位符插件。感谢您在密码字段上的提示，感谢您的回复。我实际上是在玩弄使用“抖动”而不是警报，因为我们使用的是modals。我也会调查的。投票选出你的答案，RegardSlabel仍然是可访问性的重要组成部分。我的建议是有一个明确的标签（

电子邮件：

），只需隐藏高度为0的标签或<代码>可见性：隐藏。让屏幕上的读者看到它。这是一个好主意，会做到这一点。用占位符代码更新了问题。干杯

<form name="loginForm" method="post" onsubmit="return validateForm();" action="index.php">
    <label>Email Address: <input type="email" name="email" autocomplete="off" placeholder="Email Address"/></label>
    <label>Password: <input type="password" name="password" placeholder="Password"/></label>
    <button type="submit" class="button large arrow-type-2 dark">Log In</button>
</form>


<form name="registerForm" method="post" onsubmit="return validatethisForm();"
      action="index.php">
    <label>Email Address: <input type="email" name="email" autocomplete="off" placeholder="Email Address"/></label>
    <label>Password: <input type="password" name="password" placeholder="Password"/></label>
    <button type="submit" class="button large arrow-type-2 dark">Create Free Account</button>
</form>

var loginForm = document.forms.loginForm; //By name

loginForm.email; //Also by name