Question

我正在尝试制作一个用户输入电子邮件和密码的表单，在点击提交后，页面重定向到另一个页面而不保存或使用电子邮件和密码执行任何操作，但我希望表单检查是否输入电子邮件的值有效且密码字段不为空。是否可以用HTML（只是HTML）来做？

这是我到目前为止所尝试的......

                        <form action="../../../redirect.html">
                    <input name="username" id="login-username" class="login-input pure-u-1 " type="text" maxlength="96" tabindex="1" aria-required="true"
                    value="" placeholder="Indtast din e-mail" title="Indtast din e-mail" autocorrect="off" spellcheck="false" autofocus>

                    <input name="password" id="login-password" class="login-input pure-u-1 " type="password" maxlength="96" tabindex="1" aria-required="true"
                    value="" placeholder="Indtast din adgangskode" title="Indtast din adgangskode" autocorrect="off" spellcheck="false" autofocus>

                    <button id="login-signing" class="pure-u-1 pure-button mbr-button-primary" type="submit" value="Submit" tabindex="1">Login</button>
                    </form>

Answer 1

在您的输入中使用required

例证

Username: <input type="text" name="usrname" required>

From w3schools

Answer 2

尝试使用javascript email validation

<!DOCTYPE html>
<html>
<script>
function ValidateEmail()   
{
    if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(myForm.email.value))  
    {
        return (true);
    }
    alert("Invalid Email");  
    return (false);
}
</script>
    <form name=myForm action='demo_form.asp' onsubmit='return ValidateEmail();'>
    <input type='text' name='email'>
    <input type='submit'>
</form>
</html>

验证电子邮件＆amp; HTML

2 个答案: