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

Question

我要新增文本条件此输入标签，如果输入的值是无数字则短信来了“请输入数字”

我也想，如果用户输入数字

<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')添加纯文本，但要在输入数值后将其删除，这是一项艰巨的任务。更好地使用一些标签。

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

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