javascript - 禁用表单字段，直到前一个字段被 JavaScript 填充

Question

使用 JavaScript；我们可以将另一个文本字段设置为依赖于第一个或前一个文本字段吗？

例如，如果我们有一个名字和姓氏字段，我想禁用姓氏字段，直到输入了名字的值。

Answer 1

我做了一个小提琴你可以看看：http: //jsfiddle.net/phillipkregg/7bkrn/2/

它并不完美，但它会给你一些可以玩耍和练习的东西。如果您离开“名字”字段而不填写它，它会锁定“姓氏”字段。

如果您想使用 JQuery，这是执行 javascript 的一种方法：

 $(document).ready(function() {

     $("#first_name_field").focus();

     var error_message = "Please add first name.";

      $("#first_name_field").blur(function() {
          if ($(this).val() != '')
          {
              $("#surname_field").removeAttr("disabled");    
              $("#message").html("");      
          }
     else {              
              $("#surname_field").attr("disabled", "disabled");  
              $("#message").append(error_message);      
          }         

      });
 });​

如果您打算使用验证（您应该这样做），那么您应该查看一个名为 JQuery Validation 的插件 - http://docs.jquery.com/Plugins/Validation

我只是在这里快速地向您展示了一种方法。

Answer 2

尝试使用此代码。

<input type="text" name="fname" id="fname" onkeyup="check()" />
<input type="text" name="lname" id="lname" disabled="disabled"  />

Java脚本

function check() {
if(document.getElementById('fname').value != "")
    document.getElementById('lname').disabled = false;
else
    document.getElementById('lname').disabled = true;
}

Answer 3

已经。您可以在 JavaScript 中使用“input”html 标记和“onChange”事件（例如）的“readonly”属性。这只是客户端功能。不要为此目的使用 php）。