Question

我有这段代码

 <label for='password' >password </label><br/>
                <input type="password"  name="password1" placeholder="Password" /><br />

      <label for='password2' >repeat password</label><br/>
      <input type="password" id="password2" name="password2" placeholder="Password (repeat)" disabled="true"  /><br />

我该怎么做：

当text field为空时，应禁用第二个text field（禁用=＆＃34;禁用＆＃34;）。在文本字段中键入内容以删除已禁用的属性时。

这是我的javascript代码

$(document).ready(function() {
     $('input[type="text"]').attr('disabled','disabled');
     $('input[type="text"]').keyup(function() {
        if($(this).val() != '') {
           $('input[type="text"]').removeAttr('disabled');
        }
     });
 });

Answer 1

Bootply ：http://jsfiddle.net/B56CZ/

HTML ：

 <label for='password' >password </label><br/>
                <input type="password"  name="password1" placeholder="Password" /><br />

      <label for='password2' >repeat password</label><br/>
      <input type="password" id="password2" name="password2" placeholder="Password (repeat)" disabled="true"  /><br />

<强> JS ：

$(document).ready(function() {
     //$('input[type="text"]').prop('disabled',true); // <--- Stupid, to comment
     $('input[type="password"]').keyup(function() {
        if($(this).val() != '') {
           $('input[type="password"]').last().prop('disabled', false);
        } else {
            $('input[type="password"]').last().prop('disabled', true);
        }
     });
 });

评论：

你没有input[type=text]，只有input[type=password]所以我想你要禁用第二个输入......

在另一个文本字段中键入内容时启用文本字段

1 个答案: