Question

我有一个新的登录页面没有提交。：（

如果我点击按钮并且未输入必填字段，则会将错误消息反映给我，但是一旦他们填写完并且我尝试提交它就什么都不做。

该页面位于https://www.safewise.co.nz/trainwise/login

代码

<form action="login.php" method="post" name="logForm" id="logForm" class="styled_form">
    <?php if(isset($redirectURL) && !empty($redirectURL)) { ?><input type="hidden" id="redirect" name="redirect" value="<?php echo $redirectURL; ?>" /><?php } ?>
    <div>
        <p id="login-title">Login</p>
        <input name="userEmail" type="email" class="validate[required]" id="userEmail" placeholder="Email"<?php if(isset($enteredEmail) && !empty($enteredEmail)){echo ' value="'.$enteredEmail.'"';} ?> required /><span class="form_hint">Email Address</span>
        <input name="userPwd" type="password" class="validate[required]" placeholder="Password" id="userPwd" required /><span class="form_hint">Password</span>
        <div class="login-checkbox"><input type="checkbox" name="remember" id="remember" style="vertical-align:middle;" /> <label for="remember">Remember Me</label></div>
        <p><input name="doLogin" type="submit" id="doLogin" value="Continue" class="form-button" /></p>
        <div id="forgot"><p><a href="javascript:alert('Coming Soon')">Register</a></p><p><a href="#" data-reveal-id="forgotPass">Forgotten Password?</a></p>
    </div>
</form>
<div id="forgotPass" class="reveal-modal">
    <div class="modal-header"><h3>Forgot Password</h3></div>
    <div class="modal-body" style="text-align:center;">
    <form action="login.php" method="post" name="forgotForm" id="forgotForm" >            
        <p style="margin-bottom:4px;"><em style="font-size:small;color:#3A3A3A">Enter your email address below to receive your new password.</em></p>
        <p><input name="rstEmail" type="text" class="validate[required]" id="rstEmail" placeholder="john@example.com" size="25" /> <input name="doReset" type="submit" id="doReset" value="Reset" class="form-button" /></p>
    </form>
    </div>
    <a class="close-reveal-modal">&#215;</a>
</div>

奇怪的是，只要删除此代码就行了。

<div id="forgotPass" class="reveal-modal">
    <div class="modal-header"><h3>Forgot Password</h3></div>
    <div class="modal-body" style="text-align:center;">
    <form action="login.php" method="post" name="forgotForm" id="forgotForm" >            
        <p style="margin-bottom:4px;"><em style="font-size:small;color:#3A3A3A">Enter your email address below to receive your new password.</em></p>
        <p><input name="rstEmail" type="text" class="validate[required]" id="rstEmail" placeholder="john@example.com" size="25" /> <input name="doReset" type="submit" id="doReset" value="Reset" class="form-button" /></p>
    </form>
    </div>
    <a class="close-reveal-modal">&#215;</a>
</div>

有什么建议吗？

Answer 1

该div位于页面的哪个位置？在表单中包含表单是不正确的。因此，当您删除上面的div时，您的代码可能会起作用，因为您已取出第二个表单。考虑将它们作为两个独立的实体而不是嵌套。

Answer 2

这些表格是否嵌套？您不能拥有嵌套表单。您可以在页面中拥有多个表单，只要它们没有嵌套。

这里有一些参考http://www.w3.org/MarkUp/html3/forms.html

Answer 3

我错过了一个结束div

<div id="forgot">
    <p><a href="javascript:alert('Coming Soon')">Register</a></p> 
    <p><a href="#" data-reveal-id="forgotPass">Forgotten Password?</a></p>

最后需要结束div

<div id="forgot">
    <p><a href="javascript:alert('Coming Soon')">Register</a></p>
    <p><a href="#" data-reveal-id="forgotPass">Forgotten Password?</a></p>
</div>

表单填写时，HTML提交按钮不会触发

3 个答案: