Ich versuche zu überprüfen, ob die Passworteingabe Felder der beiden Felder sind gleich oder nicht

Question

Ich habe versucht, die Jquery und Javascript sowie nichts wrk. Bitte sagen Sie mir, was zu tun ist, wenn ich auf Submit Button klicke, dann muss das Passwort der beiden Eingabefelder verglichen und überprüft werden.

<div class="registration-details"> 
    <input type="text" name="Name" maxlength="30" placeholder="Enter Your Name" required runat="server" /> 
    <input type="email"name="Email" required placeholder="Enter Your Email Address" runat="server" /> 
    <input type="text" name="Number" required placeholder="Enter Your Contact Number" maxlength="10" /> 

    <input type="text" name="AddressLine1" placeholder="Address Line 1" maxlength="50" required /> 
    <input type="text" name="AddressLine2" placeholder="Address line 2" maxlength="50" /> 

    <input type="password" name="Password" required placeholder="Enter Password" /> 
    <input type="password" name="ConfirmPassword" required placeholder="Confirm Password" /> 

    <input type="submit" value="Submit" name="Submit" /> 
</div> 

$('#form').submit(function() { 
    var id1 = $(#Password).text(); 
    var id2 = $(#ConfirmPassword).text(); 
    if (id1 == id2) { 
     alert('Error, cant do that'); 
     return false; 
    } else { 
     return true; 
    } 
}); 

Answer 1

Try unten Code:

1.Add Ids auf Eingabefelder:

<input type="password" id="Password" name="Password" required placeholder="Enter Password" /> 
<input type="password" id="ConfirmPassword" name="ConfirmPassword" required placeholder="Confirm Password" /> 

2. Scheck in jquery

$('#form').submit(function() { 
    var id1 = $("#Password").val(); // use .val() 
    var id2 = $("#ConfirmPassword").val(); 
    if (id1 == id2) { 
     alert('Error, cant do that'); 
     return false; 
    } else { 
     return true; 
    } 
}); 

Answer 2

falsche Syntax in Ihrem Code:

$('#form').submit(function() { 
    var id1 = $("#Password").val); //this is the right syntax 
    var id2 = $("#ConfirmPassword").val();//this too 
    if (id1 == id2) { 
     alert('Error, cant do that'); 
     return false; 
    } else { 
     return true; 
    } 
}); 

Wie andere Mitglieder haben zu Recht erwähnt:

.text() für Elemente Text enthält, ist es nicht auf Eingabeelemente funktionieren.

.val() ist, um Eingabeelementtexte zu erhalten.

Answer 3

fehlende Formular-Tag und fehlt ID in Passwort

versuchen, diese

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
 
<script> 
 
$(document).ready(function(){ 
 
    alert("hi"); 
 
    
 
$('form').submit(function() { 
 
    var id1 = $('#Password').val(); 
 
    var id2 = $('#ConfirmPassword').val(); 
 
    if (id1 == id2) { 
 
     alert('Error, cant do that'); 
 
     return false; 
 
    } else { 
 
     return true; 
 
    } 
 
}); 
 
    
 
    });

<div class="registration-details"> 
 
    <form action="#" id="form"> 
 
    <input type="text" name="Name" maxlength="30" placeholder="Enter Your Name" required runat="server" /> 
 
    <input type="email"name="Email" required placeholder="Enter Your Email Address" runat="server" /> 
 
    <input type="text" name="Number" required placeholder="Enter Your Contact Number" maxlength="10" /> 
 

 
    <input type="text" name="AddressLine1" placeholder="Address Line 1" maxlength="50" required /> 
 
    <input type="text" name="AddressLine2" placeholder="Address line 2" maxlength="50" /> 
 

 
    <input type="password" id="Password" name="Password" required placeholder="Enter Password" /> 
 
    <input type="password" id="ConfirmPassword" name="ConfirmPassword" required placeholder="Confirm Password" /> 
 

 
    <input type="submit" value="Submit" name="Submit" /> 
 
    </form> 
 
</div>

Answer 4

$(document).ready(function(){ 
 
    $("#btnsubmit").on('click', function(){ 
 
     var password=$('#password').val(); 
 
     var confirmpassword=$('#confirmpassword').val(); 
 
     if(password == confirmpassword) 
 
     { 
 
      alert('Password and confirm password are Equal'); 
 
     } 
 
     else 
 
     { 
 
      alert('Password and confirm password are not Equal'); 
 
     } 
 
    }); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
 
<div class="registration-details"> 
 
    <input type="text" name="Name" maxlength="30" placeholder="Enter Your Name" required runat="server" /><br/> 
 
    <input type="email"name="Email" required placeholder="Enter Your Email Address" runat="server" /><br/> 
 
    <input type="text" name="Number" required placeholder="Enter Your Contact Number" maxlength="10" /><br/> 
 

 
    <input type="text" name="AddressLine1" placeholder="Address Line 1" maxlength="50" required /><br/> 
 
    <input type="text" name="AddressLine2" placeholder="Address line 2" maxlength="50" /><br/> 
 

 
    <input type="password" id="password" name="Password" required placeholder="Enter Password" /><br/> 
 
    <input type="password" id="confirmpassword" name="ConfirmPassword" required placeholder="Confirm Password" /><br/> 
 

 
    <input type="submit" value="Submit" id="btnsubmit" name="Submit" /> 
 
</div>