javascript - 在 if else 语句中传递 id 属性

Question

我想做 if else 条件来调用 html 中的 id。我显示了一小段代码，但结果并不符合给定的条件。它只显示最后一个警报(“*新密码不匹配”)。

我在谷歌上搜索过这件事。我能找到的收盘价是 Using the id for if condition ，但这只能通过在“div”元素中传递 id 来完成。

还有其他方法可以完成与我的代码非常相似的操作吗？我知道我的语法不是 100% 正确，这就是为什么我需要专家的建议。感谢您提前抽出时间

这是 if else 语句

   if( $('new_pwd').attr('id')  === "") {
            alert('*New Password Empty');
    } else if ( $('retype_pwd').attr('id') === "") {
            alert('*Retype Password Empty');
    } else if( $('new_pwd').attr('id') != $('retype_pwd').attr('id')) {
            alert('*New Passwords do not match') ;
    };      

HTML

<table>
   <tr>
      <td>New Password</td>
      <td><input id="new_pwd" type="password" name="new_password"></input></td>
   </tr>
   <tr>
      <td>Retype Password</td>
      <td><input id="retype_pwd" type="password" name="retype_password"></input></td>
   </tr>
</table>

Answer 1

您必须使用#在选择器中调出ID，例如$('#new_pwd')。基本上，jquery 选择器的工作方式与 CSS 类似，您使用 # 来引用元素的 id，使用 . 来引用类，纯文本将尝试匹配 DOM 元素，例如 $ ('表 tr td')。

有关完整文档，请参阅 http://api.jquery.com/id-selector/ .

编辑:您还必须使用val()来获取输入字段的值。对于您的代码，以下内容应该有效:

if( $('#new_pwd').val() === "") {
        alert('*New Password Empty');
} else if ( $('#retype_pwd').val() === "") {
        alert('*Retype Password Empty');
} else if( $('#new_pwd').val() !== $('#retype_pwd').val()) {
        alert('*New Passwords do not match') ;
};      

有关val的更多信息:http://api.jquery.com/val/