如何在此ajax代码中选择输入秒

Question

我的表格

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

我的 ajax代码

<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
});

我该如何选择密码字段。 这个方法很容易破解？

Answer 1

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

或

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

工作演示

$(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>

Answer 2

没有这样的选择器:second，但您可以将其与.next()：

一起使用

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

其他选项包括：

1. 使用.next()
2. 使用:eq()或.eq()。
3. 与.index()等。