禁用表单字段,直到上一个字段已用JavaScript填充

禁用表单字段,直到上一个字段已用JavaScript填充,javascript,Javascript,使用JavaScript;我们可以将另一个文本字段设置为依赖于第一个或上一个文本字段吗 例如,如果我们有一个名字和姓氏字段,我想禁用姓氏字段,直到为名字输入了一个值。尝试使用此代码 <input type="text" name="fname" id="fname" onkeyup="check()" /> <input type="text" name="lname" id="lname" disabled="disabled" /> 请尝试使用此代码 <in

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

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

尝试使用此代码

<input type="text" name="fname" id="fname" onkeyup="check()" />
<input type="text" name="lname" id="lname" disabled="disabled"  />
请尝试使用此代码

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

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

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

我做了一把小提琴,你可以看看:

这并不完美,但它会给你一些可以玩和练习的东西。如果您离开“First Name”字段而不填写,它将锁定“Last Name”字段

如果您想使用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验证的插件-


我只是在这里快速制作了一个小提琴,向您展示一种方法。

我制作了一把小提琴,您可以看看:

这并不完美,但它会给你一些可以玩和练习的东西。如果您离开“First Name”字段而不填写,它将锁定“Last Name”字段

如果您想使用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验证的插件-


我只是在这里做了一个简单的例子,向您展示了一种方法。

这与PHP有什么关系?是的,JavaScription是有可能的。您问问题的时候用0换5是有原因的。你需要花更多的精力来研究这个主题,并在这里清楚地定义你的问题。这与PHP有什么关系?是的,JavaScription是可能的。你问问题的时候用0换5是有原因的。你需要花更多的精力来研究这个主题,并在这里清楚地定义你的问题。你可以使用onblur事件,这将减少调用。如果没有javascript,是否可以做同样的事情,以使该字段的html5验证触发下一个字段的显示?你可以使用onblur事件,这将减少调用次数。如果没有javascript,是否可以完成相同的操作,从而使该字段的html5验证触发下一个字段的显示?没问题-如果这解决了您的问题,请随意将其标记为答案。在没有javascript的情况下,是否可以完成相同的操作,从而使该字段的html5验证触发下一个字段的显示?没问题-如果这解决了您的问题,请随意将其标记为答案。如果没有javascript,是否可以完成同样的事情,从而使该字段的html5验证触发下一个字段的显示?