2017-10-29 10 views
0

HTML:JavaScriptをチェックするパスワード

<form> 
    <div class="form-group"> 
     <label for="vorname">Vorname</label> 
     <input type="text" class="form-control" id="vorname" onkeyup="createLoginName();" placeholder=""> 
    </div> 
    <div class="form-group"> 
     <label for="nachname">Nachname</label> 
     <input type="text" class="form-control" id="nachname" onkeyup="createLoginName();" placeholder=""> 
    </div> 
    <div class="form-group"> 
     <label for="loginname">Loginname</label> 
     <input type="text" class="form-control" id="loginname" placeholder="" disabled> 
    </div> 
    <div class="form-group"> 
     <label for="passwort">Passwort</label> 
     <input type="password" class="form-control" id="passwort1" onkeyup="char_count();" placeholder=""> 
    </div> 
    <div class="form-group"> 
     <label for="passwort">Passwort wiederholen</label> 
     <input type="password" class="form-control" id="passwort2" onkeyup="char_count(); checkPassword();" placeholder=""> 
    </div> 
    <p><span id="feedback"></span></p> 
    <button type="submit" id="registrieren" class="btn btn-primary">Registrieren</button> 
</form> 

JavaScriptは:

checkPassword(); 

function checkPassword(){ 
    var inputPasswort1 = document.getElementById("passwort1").value; 
    var inputPasswort2 = document.getElementById("passwort2").value; 
    if(inputPasswort1 != inputPasswort2){ 
    document.getElementById("registrieren").setAttribute("disabled", "true"); 
    } else { 
    document.getElementById("registrieren").setAttribute("disabled", "false"); 
    } 
} 

私はすでに別のものを試してみましたが、動作するようには思えません。任意のアイデアや提案?

console.log(inputPasswort1 + "" + inputPasswort2);私は両方の変数をチェックしましたが、大丈夫です、私は正しい値を取得します。

https://jsfiddle.net/t8hx3wk7/4/

+4

あなたは質問を書いています – linasmnew

答えて

0

使用

document.getElementById("registrieren").disabled = true; 
document.getElementById("registrieren").disabled = false; 

代わりの

document.getElementById("registrieren").setAttribute("disabled","true"); 
document.getElementById("registrieren").setAttribute("disabled","false"); 

FIDDLE

function checkPassword(){ 
 
     var inputPasswort1 = document.getElementById("passwort1").value; 
 
     var inputPasswort2 = document.getElementById("passwort2").value; 
 
     if(inputPasswort1 != inputPasswort2){ 
 
     document.getElementById("registrieren").disabled=true; 
 
     } else { 
 
document.getElementById("registrieren").disabled=false; 
 
     } 
 
    }
<form> 
 
    <div class="form-group"> 
 
     <label for="passwort">Passwort</label> 
 
     <input type="password" class="form-control" id="passwort1" onkeyup="checkPassword();" placeholder=""> 
 
    </div> 
 
    <div class="form-group"> 
 
     <label for="passwort">Passwort wiederholen</label> 
 
     <input type="password" class="form-control" id="passwort2" onkeyup="checkPassword();" placeholder=""> 
 
    </div> 
 
    <p><span id="feedback"></span></p> 
 
    <button type="submit" id="registrieren" class="btn btn-primary">Registrieren</button> 
 
    </form>

0

.setAttribute('disabled', false)の代わりに.removeAttribute('disabled')を使用するか、前述のように.disabled = false

関連する問題