Inactive бутона Публикувай

Преди това, ние вече видяхме сценария, което бутон неактивна форма. Същността на сценария е фактът, че някои от полетата в него трябва да се попълни от потребителя, преди да изпратите формуляра до сървъра, или изпращането на един бутон форма няма да бъде активен.

В тази тема, което искаме да ви предложим подобен сценарий, но основната разлика от досега се смятаха е, че бутона за изпращане става активен само след като потребителят е влязъл в текстовото поле на текста, чиято дължина е над определена стойност в настройките.

Тествайте предложената скрипт, можете директно на тази страница, по-долу. За да направите това, въведете в полето текстовото поле за повече от осем знака, и бутона Подаване на формуляра! ще стане активен.

За такъв сценарий, който проверява дължината на текста в текстовото поле, което трябва тук е форма на:

onchange = "change_status ()"></ textarea><br><br> <input type = submit value = "Отправить форму!" name = "start"><br></ form></p>
<p>Ако вече сте свързани към сайта JQuery библиотеката, след това проверете дължината на текста в поле текстовото поле може да се извърши с негова помощ. В този случай, формата за изпращане на текст ще изглежда малко по-лесно:</p>
<p><form method = "POST" name = "registration" action = "URL"><br> <textarea cols = "50" rows = "5" name = "textarea_text"></ textarea><br><br> <input type = submit value = "Отправить форму!" name = "start"><br></ form></p>
<p>А какво ли начин да го използвате, за да изберете, но по наше мнение, JQuery код малко повече за предпочитане, защото можете да го направите по-гъвкав за използване на всички налични форми на уебсайта.</p>
<p>Опитайте сценария, което бутон неактивна форма. или това:<br> <form method="POST" name="registration" action="URL"><br> <input tupe="text" id="input_1" onkeyup="change_status()" onchange="change_status()"><br> <input tupe="text" id="input_2" onkeyup="change_status()" onchange="change_status()"><br> <input tupe="text" id="input_3" onkeyup="change_status()" onchange="change_status()"><br> <input type=submit value="Отправить форму!" id="start"><br> </form></p>
<p>Ако искате да зададете въпрос, по-добре е да го направите в нашия форум.<br> По този начин, можете бързо да получите отговор на въпроса си.</p>

<h4>Свързани статии</h4>
<ul>
<li>
<p><a href="/user-44/javascript-kak-da-se-napravi-aktiven-i-neaktiven.html">Javascript - как да се направи активен и неактивен бутон, в зависимост от условията - с интернет потребители</a></p>
</li>
</ul>
</div>
																								<div class="article-share clearfix">						<button class="article-share__print" type="button">							<span class="print-title">Отпечатайте това</span>						</button>						<div class="article-share__btns">							<div class="article-share__title">Подкрепете проекта - споделете линка, благодаря!</div>
						</div>					</div>																																													<style>
# mc-container {
подложка: 10px;
}
</style>
<div class="comments-area">
<div id="mc-container">
<div id="mc-content">
</div>
</div>
</div>
											<p> </p>					<p> </p>					<p> </p>
				</div>
			</div>			</article>														<aside class="main-sidebar">

<div class="main-block b-orange experts-block">
						<div class="main-block__title">Отговорите на експертите <br />на вашите въпроси</div>
						<div class="main-block__expertlist">
														<div class="expertlist-cart">
								<a href="/expert/68"><img class="expertlist-cart__photo" src="/wp-content/uploads/2015/08/hrunina.jpg" alt="Кхунина Анна Викторовна"></a>
								<a href="/expert/68" class="expertlist-cart__name"><span>Кхунина Анна Викторовна</span></a>
								<span class="expertlist-cart__desc">Съветник по кърменето</span>
							</div>
														<div class="expertlist-cart">
								<a href="/expert/17"><img class="expertlist-cart__photo" src="/wp-content/uploads/2015/06/bibikova-elena.jpg" alt="Бибикова Елена Анатолиевна"></a>
								<a href="/expert/17" class="expertlist-cart__name"><span>Бибикова Елена Анатолиевна</span></a>
								<span class="expertlist-cart__desc">Психолог на семейната система</span>
							</div>
														<div class="expertlist-cart">
								<a href="/expert/100"><img class="expertlist-cart__photo" src="/wp-content/uploads/2016/02/aniva-200.jpg" alt="Анна Нива"></a>
								<a href="/expert/100" class="expertlist-cart__name"><span>Анна Нива</span></a>
								<span class="expertlist-cart__desc">Учител по детска йога</span>
							</div>
														<a href="/experts/" class="ui-btn">Задайте въпрос</a>
							<div class="expertlist-cart__answers">
								<a href="/experts/" class="link">Вижте експертни отговори</a>
							</div>
						</div>
					</div>

<div class="main-block b-border">
<div class="main-block__title"><span class="title-wrapper">Най-важното</span></div>
<ul class="main-block__important">
<li class="important-item"><a href="/experts/kak-da-se-slozhi-tanc-za-novata-godina.html" class="important-link" role="link">Как да се сложи танц за новата година</a></li>
<li class="important-item"><a href="/journal/kak-da-se-izpolzva-glicerin-v-domakinstvoto.html" class="important-link" role="link">Как да се използва глицерин в домакинството</a></li>
<li class="important-item"><a href="/journal/kak-da-se-razvali-edna-kshha-i-kola-uspeshen.html" class="important-link" role="link">Как да се развали една къща и кола - успешен - покупателната</a></li>
<li class="important-item"><a href="/experts/kak-da-se-izmknem-ot-seloto-na-garata-v-selo.html" class="important-link" role="link">Как да се измъкнем от селото на гарата в село борова гора Gatnoe водач маршрут на карта,</a></li>
<li class="important-item"><a href="/journal/kak-da-se-ubie-i-da-szhivi-crocs-napravi-si-sam.html" class="important-link" role="link">Как да се убие и да съживи Crocs (направи си сам)</a></li>
</ul></div>			
</aside>
								</main>	
<footer id="footer" class="page-padding clearfix" role="contentinfo">
			<div class="footer-col">
				<div class="footer-logo">
					<a href="/" rel="nofollow" title="Към началната страница"><img class="footer-logo__img" src="/wp-content/themes/kids2015/img/ui/ui_logo-small.png" alt="test.test"></a>					<span class="footer-logo__desc">Всичко за децата <br />от раждането до училището</span>
				</div>
				<p class="footer-copyright">© 2013-2024. Портал за родителите "Всичко за децата".<br />Копирането на материали е разрешено само при посочване на активната хипервръзка към източника.</p>
				<div class="footer-counters">
					<div class="footer-counters__item">

<script>
new Image().src = "https://counter.yadro.ru/hit?r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";h"+escape(document.title.substring(0,150))+
";"+Math.random();</script>			</div>
				</div>
			</div>
			<div class="footer-col">
				<div class="footer-nav__header">информация</div>
				<ul class="footer-nav">
					<li class="footer-nav__item">
						<a href="/about/" role="link">За проекта</a>
					</li>
					<li class="footer-nav__item">
						<a href="/privacy.html">Политика за поверителност</a>
					</li>
					<li class="footer-nav__item">
						<a href="/sitemap/" role="link">Карта на сайта</a>
					</li>
					<li class="footer-nav__item">
						<a href="/about/advertise/" class="red-text" role="link">Рекламно разположение</a>
					</li>
				</ul>
			</div>
			<div class="footer-col">
				
					<div class="footer-subscribe">

</div>
					<div class="footer-recommend">
						Моля, подкрепете проекта - разкажете ни за социалните мрежи!

</div>
				
			</div>
		</footer>
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
jQuery(function(f){
console.log(1);
        f('.advads-close-button').fadeOut(0);
    f(window).scroll(function(){
        var element = f('#adv-scrool-4438ffc39d0');
        var offset_element_for_hide = jQuery(document).height();
        if(f(this).scrollTop() > 500){
            setTimeout(function(f) {f('.advads-close-button').fadeIn(0);}, 10000, f);
            element.fadeIn(0);
        }
        if(f(this).scrollTop() < 500 || f(this).scrollTop() > offset_element_for_hide ){
            element.fadeOut(0);
        }
    });
});
</script>
	<script>window.jQuery || document.write('<script src="/wp-content/themes/kids2015/js/libs/jquery-1.11.2.min.js"><\/script>')</script>
	<script src="http://code.jquery.com/jquery-migrate-1.4.0.js"></script>
	<script src="/wp-content/themes/kids2015/js/libs/jquery.magnific-popup.min.js"></script>
	<script src="/wp-content/themes/kids2015/js/libs/alertify.min.js"></script>
	<script src="/wp-content/themes/kids2015/js/work.js"></script>
</section>
<button id="scrollUp" type="button" title="Обратно горе"></button></div>
</body>
</html>