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验证的插件 - 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"  />

JAVASCRIPT

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

Answer 3

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

禁用表单字段，直到前一个字段已填充JavaScript

3 个答案: