wie kann ich wählen Eingangs zweite in diesem Ajax Code

Question

meine Form

<form action="javascript:alert('success!');"> 
    <div> 
    <input type="text" name="username"> 
    <input type="password" name="password"> 
    <input type="submit"> 
</div> 
</form> 

mein Ajax Code

<script> 
$("form").submit(function(event) { 
    if ($("input:first").val() === "correct" && $("input:second").val() === "test" ) { 
     $("span").text("Validated...").show(); 
     return; 
    } 

    $("span").text("Not valid!").show().fadeOut(10000); 
    event.preventDefault(); 

    /// set here your ajax code 
}); 

, wie ich Passwort-Feld auswählen können. 2. Diese Methode ist leicht hackable?

Answer 1

Es gibt keine solche Wähler :second aber Sie es mit .next() verwenden können:

if ($("input:first").val() === "correct" && 
    $("input:first").next().val() === "test" ) { 

andere Optionen sind:

1. Mit .next()
2. Mit :eq() oder .eq().
3. mit .index() usw.

Answer 2

$('input[type="password"]') 

ODER

$('input[name="password"]') 

Working Demo

$(document).ready(function() { 
 
    alert($('input[type="password"]').val()) 
 
    alert($('input[name="password"]').val()) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <input type="text" name="username"> 
 
    <input type="password" name="password" value="test"> 
 
    <input type="submit"> 
 
</div>