如何显示和删除元素旁边的文本？

Question

如果输入的值为非数字，则我想在此输入标记旁边添加文字然后文字出现＆＃34;请输入数字＆＃34;

如果用户输入数字

，我也想删除它

<input type="text" class="redBorderColor" id="Dollar" 
name="Dollar" data-require-numeric="true" value=""> <!--Add text here--> 
//Further HTMLS

我不想更喜欢添加其他标签。 是否可以不使用其他标签？

Answer 1

试试这个：您可以附加change或keyup事件或两者的事件句柄（如下所示），并检查数字是否为数字。

在事件上，您可以使用.after('Please Enter numeric')添加纯文本，但要在输入数值后将其删除，这是一项艰巨的任务。最好使用一些标签。

如果不是数字，请在label字段之后添加input，否则将其删除。

$(function(){
  $('#Dollar').on('change keyup',function(){
     var val = $(this).val();
     $(this).next('label').remove();
     if(isNaN(val))
       $(this).after('<label>Please Enter numeric</label>');  
  });
});