如何顯示和刪除元素旁邊的文本？

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>'); 
    }); 
});