Задача, сделать что то похожее на простою (примитивную капчу) в форме, суть которой является ввод суммы чисел которые генерируются рандомно.
1. Andruxa - 08 Мая, 2015 - 22:04:43 - перейти к сообщению
CODE (html):
скопировать код в буфер обмена
скопировать код в буфер обмена
- <div class="capcha_text"><?php echo $ch_1; ?> + <?php echo $ch_2; ?></div>
Механизм проверки формы налету в поиске нашел, с проверкой вводимых полей разобрался и подстроил под себя.
Например поле проверки имени и его проверка:
CODE (javascript):
скопировать код в буфер обмена
скопировать код в буфер обмена
- $(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: pos.top-1,
- left: pos.left+ele.width()+3
- });
- if(ele.val().length < 3) {
- jVal.errors = true;
- nameInfo.removeClass('correct').addClass('error').html('← как минимум 3 символа!').show();
- ele.removeClass('normal').addClass('wrong');
- } else {
- nameInfo.removeClass('error').addClass('correct').html('√').show();
- ele.removeClass('wrong').addClass('normal');
- }
- }
- $('#login').click(function (){
- var obj = $.browser.webkit ? $('body') : $('html');
- obj.animate({ scrollTop: $('#jform').offset().top }, 750, function (){
- jVal.errors = false;
- jVal.fullName();
- jVal.pasName();
- jVal.email();
- jVal.capchaInfo();
- jVal.sendIt();
- });
- return false;
- });
- $('#fullname').change(jVal.fullName);
- $('#pass').change(jVal.pasName);
- $('#email').change(jVal.email);
- });