Javascript 向输入或在输入下添加消息

Javascript 向输入或在输入下添加消息,javascript,jquery,Javascript,Jquery,我有一个有一系列输入的表单。输入1更改输入2的选项。输入2是空白的,在输入1被填充之前,我需要将其设置为这样,如果用户单击输入2尝试首先填充,则会显示一条消息,告诉他们请先从输入1中选择 我让jQuery当前正在做一个警报框,但是如何让消息显示在输入中或其正下方 代码笔: HTML: 只有在input 1收到值后才启用input 2才更有意义,而且是更好的用户体验。您可以使用输入事件执行此操作,如下所示: $'one'。在'input'上,函数{ $'two'.prop'disabled',t

我有一个有一系列输入的表单。输入1更改输入2的选项。输入2是空白的,在输入1被填充之前,我需要将其设置为这样,如果用户单击输入2尝试首先填充,则会显示一条消息,告诉他们请先从输入1中选择

我让jQuery当前正在做一个警报框,但是如何让消息显示在输入中或其正下方

代码笔:

HTML:


只有在input 1收到值后才启用input 2才更有意义,而且是更好的用户体验。您可以使用输入事件执行此操作,如下所示:

$'one'。在'input'上,函数{ $'two'.prop'disabled',this.value.trim==; }; 投入-1: 投入-2:
只有在input 1收到值后才启用input 2才更有意义,而且是更好的用户体验。您可以使用输入事件执行此操作,如下所示:

$'one'。在'input'上,函数{ $'two'.prop'disabled',this.value.trim==; }; 投入-1: 投入-2:
您需要将其附加到父级

您可以计算第一个输入字段以查看它是否为空。要删除附加的div,可以执行许多操作

$( "#two" ).click(function() {
  if($("#one").val("")){
   $(this).parent().append("<div>Please enter Input 1  First</div>");
    }
});

您需要将其附加到父级

您可以计算第一个输入字段以查看它是否为空。要删除附加的div,可以执行许多操作

$( "#two" ).click(function() {
  if($("#one").val("")){
   $(this).parent().append("<div>Please enter Input 1  First</div>");
    }
});

如果不符合条件,可以通过动态插入文本/html。尽管在这种情况下,更理想的方法是使用焦点而不是点击:

$'two'。关于'focus',函数{ 如果!$'one'.val.length{ $'two'。在“之后,请先输入输入1

”; } }; 投入-1: 投入-2:


如果不符合条件,可以通过动态插入文本/html。尽管在这种情况下,更理想的方法是使用焦点而不是点击:

$'two'。关于'focus',函数{ 如果!$'one'.val.length{ $'two'。在“之后,请先输入输入1

”; } }; 投入-1: 投入-2:

要将其添加到第一个输入框中作为占位符,请执行以下操作:

$2.clickfunction{ 如果$1.val=={ $one.attr占位符,请先输入输入1; } }; 投入-1: 投入-2: 要将其添加到第一个输入框中作为占位符,请执行以下操作:

$2.clickfunction{ 如果$1.val=={ $one.attr占位符,请先输入输入1; } }; 投入-1: 投入-2:
为什么不禁用输入2。。当输入1正确填写后,是否禁用$Input_2.prop,false?为什么不禁用输入2。。当输入1正确填写后,是否禁用$Input_2.prop,false?请注意,这将始终激发,无论是否已给定值。True;只需检查一个是否为emptyNote,无论是否给了一个值,它都将始终激发;只要检查一个是否为空这个方法在语义和逻辑上似乎更有效。这个方法在语义和逻辑上似乎更有效。
$( "#two" ).click(function() {
  if($("#one").val("")){
   $(this).parent().append("<div>Please enter Input 1  First</div>");
    }
});