驗證HTML中的電子郵件和密碼

我正在嘗試製作一個表單，用戶在其中輸入電子郵件和密碼，然後單擊提交後，頁面將重定向到另一個頁面，而不保存或使用電子郵件和密碼進行任何操作，但我希望形式來檢查輸入的電子郵件的值是否有效並且密碼字段不爲空。是否有可能在HTML（只是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>

來源

2016-11-25 Doe J.

我已經搜索了周圍，我發現唯一的事情是，它可能在HTML5中，但問題是我不能使用我的具體類的輸入，如果我使用這些方法。 –

那麼，在電子郵件字段中，將其類型從「文本」更改爲「電子郵件」。這將確保將驗證電子郵件。 –

問題是，當我將它設置爲電子郵件時，它改變了輸入字段的類和外觀。任何解決方法？ –

在你輸入使用required

爲例

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

From w3schools

來源

2016-11-25 12:01:02

謝謝，但不是它只是檢查它是否是空的？我想驗證電子郵件並檢查密碼是否爲空。 –

對於電子郵件輸入使用類型=「電子郵件」 –

問題是，它改變了輸入字段的類和外觀，當我把它設置爲電子郵件。有沒有解決方法？ –

嘗試使用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>

來源

2016-11-25 12:18:26

驗證HTML中的電子郵件和密碼

回答

相關問題