2013-07-22 3 views
2

Я использую Javascript-библиотеку Live Validation, и мне интересно, как я могу использовать ее для размещения обратной связи в нижней части страницы.Текущее местоположение смены валидации

Например, пользователь будет вход «asdf.com» в <input type="text" id="subdomain-name" name="subdomain-name">

И я хотел бы Live-Validation, чтобы ответить назад «Суб-домен не должен включать в себя периоды.» но в нижней части страницы, потому что иначе это испортит текст, который находится после поля: http://puu.sh/3IxDc.jpg.

Я попытался создать CSS DIV, а затем ссылку, что в пролете в

createMessageSpan: function(){ 
    var span = document.createElement('span'); 
    var textNode = document.createTextNode(this.message); 
    span.appendChild(textNode); 
    return span; 
}, 

, но это не сработало

+0

Оставит ли он 'span' где-то еще, или' span' не создан вообще? Получаете ли вы какие-либо ошибки в консоли? –

+0

Насколько я знаю, нет консоли для Javascript, если есть, где это? Что касается пролета. Насколько мне известно, библиотека Live Validation помещает ее прямо после объекта . –

+0

@MatthewSalsamendi hit F12 :) – Pointy

ответ

0

Используя

insertAfterWhatNode

собственности я был в состоянии сделать это, например:

вар порт = новый LiveValidation ("субдомен-порт", {validMessage: "Порт действует", insertAfterWhatNode: "ошибка"});

Где «ошибка» - это идентификатор элемента, где вы хотите его после.

0

Вы можете использовать JQuery и функцию HTML(). Я знаю, что это не Live Validation, но это сработает.

HTML-

<html> 
<head> 
<script src="jquery.js"></script> 
</head> 
<body> 
All your other html here 
<div id="suggestion"></div> 
</body> 
</html> 

Javascript

if(THE CODE THAT DETERMINES IF MESSAGE IS NECESSARY){ 
    $("#suggestion").html("A sub-domain should not include periods."); 
} 

JsFiddle

Смежные вопросы