c7f222e2
 Artem
first
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
|
</div></div>
<div class="price-wrap-all">
<div class="price-wrap">
<div class="price-block">
<div class="price-block-left">
<div class="price-block-download"></div>
<div class="price-block-download2">
<div class="price-block-download2-text">Скачать:</div>
<div class="price-block-download2-img-1"><a href="#"></a></div>
<div class="price-block-download2-img-2"><a href="#"></a></div>
</div>
</div>
<div class="price-block-right">
<div class="like-form">
<div class="error"></div>
<div class="consultation-catalog-izdelij">Быстрая консультация</div>
<div id="nameInfo" class="info"></div>
<div id="emailInfo" class="info"></div>
<div id="aboutInfo" class="info"></div>
<form action="/site/index" id="jform" method="post">
<input type="text" name="QuickOrder[phone_num]" id="fullname" class="text-consult" placeholder="Телефон"/>
<input type="text" name="QuickOrder[email]" id="email" class="text-consult" placeholder="Электронная почта"/>
<textarea name="QuickOrder[comment]" id="about" class="area-consult" placeholder="Комментарий" ></textarea>
<input type="submit" id="send" class="submit-consult" value="Отправить"/>
</form>
</div>
</div>
</div>
</div>
</div>
<div><div>
<script>
$(document).ready(function(){
var jVal = {
'fullName' : function() {
$('body').append('<div id="nameInfo" class="info"></div>');
var nameInfo = $('#nameInfo');
var ele = $('#fullname');
var pos = ele.offset();
nameInfo.css({
top: -7,
left: 22
});
var patt = /[0-9]/;
if(!patt.test(ele.val())) {
jVal.errors = true;
nameInfo.removeClass('correct').addClass('error').html('').show();
ele.removeClass('normal').addClass('wrong');
} else {
nameInfo.removeClass('error').addClass('correct').html('').show();
ele.removeClass('wrong').addClass('normal');
}
},
'email' : function() {
$('body').append('<div id="emailInfo" class="info"></div>');
var emailInfo = $('#emailInfo');
var ele = $('#email');
var pos = ele.offset();
emailInfo.css({
top: -7,
left: 22
});
var patt = /^.+@.+[.].{2,}$/i;
if(!patt.test(ele.val())) {
jVal.errors = true;
emailInfo.removeClass('correct').addClass('error').html('').show();
ele.removeClass('normal').addClass('wrong');
} else {
emailInfo.removeClass('error').addClass('correct').html('').show();
ele.removeClass('wrong').addClass('normal');
}
},
'about' : function() {
$('body').append('<div id="aboutInfo" class="info"></div>');
var aboutInfo = $('#aboutInfo');
var ele = $('#about');
var pos = ele.offset();
aboutInfo.css({
top: -7,
left: 22
});
if(ele.val().length < 5) {
jVal.errors = true;
aboutInfo.removeClass('correct').addClass('error').html('').show();
ele.removeClass('normal').addClass('wrong').css({'font-weight': 'normal'});
} else {
aboutInfo.removeClass('error').addClass('correct').html('').show();
ele.removeClass('wrong').addClass('normal');
}
},
'sendIt' : function (){
if(!jVal.errors) {
$('#jform').submit();
}
}
};
// ====================================================== //
$('#send').click(function (){
var obj = $.browser.webkit ? $('body') : $('html');
obj.animate({ scrollTop: $('#jform').offset().top -68 }, 450, function (){
jVal.errors = false;
jVal.fullName();
jVal.email();
jVal.about();
jVal.sendIt();
});
return false;
});
$('#fullname').change(jVal.fullName);
$('#email').change(jVal.email);
$('#about').change(jVal.about);
});
</script>
|
