[JavaScript][HTML]Problem z formularzem, Problem z jednym polem formularza Opcje

[senior.pol]

Witam,
Po wybraniu daty z kalendarza w polu input i wysłaniu go, nie dochodzi do mnie wybrana data, czyli wysyła mi puste pole.

Pozostałe pola działają i nie ma z nimi problemu.

Nie wiem co może sprawiać ten problem, dlatego podsyłam fragmenty kodów. Podejrzewam, że może to być js (3 skrypt). Czy pole label i atrybut id też powinienem tam zamieścić? Jeśli tak to proszę o wskazówki.

[HTML] pobierz, plaintext 
<div class="bfh-datepicker" data-format="d/m/y" >
<label for="data1">Data... <span>*</span></label>
<input name="data1" type="text" id="data1" class="datepicker" />
</div>
[HTML] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
jQuery(document).ready(function(){
	var shake = "Yes";
 
	$('#message').hide();
 
	$('#rezerwacja input[type=text], #rezerwacja input[type=email], #rezerwacja input[type="checkbox"]').each(function(){
		$(this).after('<mark class="validate"></mark>');
	});
 
	$('#email').focusout(function() {
		if (!$(this).val() || !isEmail($(this).val()))
			$(this).addClass('error', 300).parent().find('mark').removeClass('valid').addClass('error');
		else
			$(this).removeClass('error', 300).parent().find('mark').removeClass('error').addClass('valid');
	});
 
	$('#data1').focusout(function() {
		if (!$(this).val())
			$(this).addClass('error', 300).parent().find('mark').removeClass('valid').addClass('error');
		else
			$(this).removeClass('error', 300).parent().find('mark').removeClass('error').addClass('valid');
	});
 
	$('#submit').click(function() {
		$("#message").slideUp(200,function() {
			$('#message').hide();
			$('#email').triggerHandler("focusout");
			$('#data1').triggerHandler("focusout");
		});
	});
 
	$('#xxx').submit(function(){
 
		if ($('#rezerwacja mark.error').size()>0) {
			if(shake == "Yes") {
			$('#rezerwacja').effect('shake', { times:2 }, 75);
			}
			return false;
		}
 
		var action = $(this).attr('action');
 
 		$('#submit')
			.after('<img src="xxx" class="loader" />')
			.after('<div class="send">xxx</div>')
			.attr('disabled','disabled');
 
		$.post(action, $('#xxx').serialize(),
			function(data){
				$('#message').html( data );
				$('#message').slideDown();
				$('#xxx img.loader').fadeOut('slow',function(){$(this).remove()});
				$('#xxx #submit2').removeAttr('disabled');
				if(data.match('success') != null) $('#xxx #submit').attr("disabled", true);
			}
		);
 
		return false;
 
	});
 
	function isEmail(emailAddress) {
 
		var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
 
		return pattern.test(emailAddress);
	}
 
	function isNumeric(input) {
    	return (input - 0) == input && input.length > 0;
	}
 
});
 
[JAVASCRIPT] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
,this.$element.html('<div class="'+c+' bfh-datepicker-toggle" data-toggle="bfh-datepicker">'+a+'<input type="text" name="'+this.options.name+'" class="'+this.options.input+'" placeholder="'+this.options.placeholder+'" readonly>'+b+"</div>"+'<div class="bfh-datepicker-calendar">'+'<table class="calendar table table-bordered">'+"<thead>"+'<tr class="months-header">'+'<th class="month" colspan="4">'+'<a class="previous" href="#"><i class="glyphicon glyphicon-chevron-left"></i></a>'+"<span></span>"+'<a class="next" href="#"><i class="glyphicon glyphicon-chevron-right"></i></a>'+"</th>"+'<th class="year" colspan="3">'+'<a class="previous" href="#"><i class="glyphicon glyphicon-chevron-left"></i></a>'+"<span></span>"+'<a class="next" href="#"><i class="glyphicon glyphicon-chevron-right"></i></a>'+"</th>"+"</tr>"+'<tr class="days-header">'+"</tr>"+"</thead>"+"<tbody>"+"</tbody>"+"</table>"+"</div>"
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował senior.pol 14.02.2014, 16:14:14

[viking]

Co to jest? id="datepickers data1"

http://www.w3.org/html/wg/drafts/html/mast...he-id-attribute
The value must not contain any space characters.

[senior.pol]

Co to jest? id="datepickers data1"

http://www.w3.org/html/wg/drafts/html/mast...he-id-attribute
The value must not contain any space characters.

Poprawione, ale dalej nie działa.

Znalazłem w sieci taką informację:

2. You can add an ID to the element and use the val function to retrieve the value.

Example:

[HTML] pobierz, plaintext 
<div class="bfh-datepicker" id="datepicker1"></div>
[HTML] pobierz, plaintext 

Then, in jQuery, you can access the value as follows:

[JAVASCRIPT] pobierz, plaintext 
$('#datepicker1').val();
[JAVASCRIPT] pobierz, plaintext 

Pytanie brzmi, gdzie wkleić ten kod js - do biblioteki jquery, do pliku js tego kalendarza, czy wstawić bezpośrednio na stronie

[HTML] pobierz, plaintext 
<script type="text/javascript">$('#datepicker1').val();</script>
[HTML] pobierz, plaintext 

?

Ten post edytował senior.pol 16.02.2014, 16:51:41