Только подтверждение текстового поля при отображении = блок

Question

Я хочу проверить свою форму, но ТОЛЬКО, если в это время отображается окружающий его div. Это то, что я до сих пор:

function validateForm() 
{ 
var x=document.forms["config"]["itemname5"].value; 
if (document.getElementById("customtext").style.display=="block" || x==null) 
    { 
    alert("Text box must be filled in"); 
    return false; 
    } 
} 

HTML фрагмент:

<div class="hide" id="customtext">Enter the text you require on the module. eg. "DAVE" max 6 letters<br /> 
<input type=text name="itemname5" class="nicebox" value='' maxlength="6" style="font-size:14; font-weight:bold; width:210px; vertical-align:top; height:20px;"> 
</div> 

Я хочу, чтобы это так, что если отображается ДИВ, он сообщит пользователю, если они не ввели какой-либо текст и не будет публиковать форму.

Вот страница: http://www.censdigital.com/2012/earplugs-config.html

Заранее спасибо!

Answer 1

Ваша логика может завершиться сбоем, если родительский атрибут div табуляции скрыт. Если вам нужно обработать такой случай, это будет очень просто через jquery.

Вы можете просто проверить, если элемент виден через

$(x).is(":visible") /*returns true or false*/ 

редактировать:

Чтобы использовать JQuery, добавьте в головной части вашей страницы, вы также можете скачать этот JS файл и хост это локально.

После этого добавляется, вы можете проверить, если ваш элемент х видно на

if($(x).is(":visible")) 
{ 
    //your element is visible 
} 

Я рекомендую прочитать больше на JQuery, который является очень мощной библиотекой. И поможет вам много. www.jquery.com

Answer 2

Ваш оператор if учитывает только тогда, когда для элементов display установлено значение "block", есть много других состояний, в которых элемент виден. Я хотел бы проверить ли она не скрыта, как этот

if (document.getElementById("customtext").style.display != "none" && x==""){ 
    alert("Text box must be filled in"); 
    return false; 
} 

Теперь, если свойство display не установлен или не установлен "block" вы все равно получите ожидаемые результаты.

Ваша проблема с формой, по-прежнему представляющей, вероятно, связана с тем, как вы выполняете свою функцию. Можете ли вы показать мне, откуда вызывается функция. Похоже, что ваш оператор return false просто выходит из вашей функции, а не препятствует отправке формы.