Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Javascript pomoć oko spajanja dva .js

[es] :: Ostali programski jezici :: Javascript pomoć oko spajanja dva .js

[ Pregleda: 1318 | Odgovora: 3 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

captPicard
programer
more i planine

Član broj: 216084
Poruke: 1119



+19 Profil

icon Javascript pomoć oko spajanja dva .js19.03.2017. u 14:54 - pre 35 meseci
Molim pomoć, kako da spojim ova dva .js, dakle moram dodati u bootstrap validator da provjeri captcha prije nego dozvolim form submit. Hvala.

prvi.js


Code:
  $(document).ready(function() {
    $('#contact_form').bootstrapValidator({
        // To use feedback icons, ensure that you use Bootstrap v3.1.0 or later
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            first_name: {
                validators: {
                        stringLength: {
                        min: 2,
                    },
                        notEmpty: {
                        message: 'Upišite prezime'
                    }
                }
            },
             last_name: {
                validators: {
                     stringLength: {
                        min: 2,
                    },
                    notEmpty: {
                        message: 'Upišite ime'
                    }
                }
            },
            email: {
                validators: {
                    notEmpty: {
                        message: 'Upišite mail adresu'
                    },
                    emailAddress: {
                        message: 'Upišite valjanu mail adresu'
                    }
                }
            },
            phone: {
                validators: {
                    notEmpty: {
                        message: 'Upišite kontakt broj'
                    }
                }
            },
            address: {
                validators: {
                     stringLength: {
                        min: 8,
                    },
                    notEmpty: {
                        message: 'Upišite adresu'
                    }
                }
            },
            city: {
                validators: {
                     stringLength: {
                        min: 4,
                    },
                    notEmpty: {
                        message: 'Upišite mjesto'
                    }
                }
            },
            oib: {
                validators: {
                    notEmpty: {
                        message: 'Upišite OIB'
                    }
                }
            },
            zip: {
                validators: {
                    notEmpty: {
                        message: 'Please supply your zip code'
                    },
                    zipCode: {
                        country: 'US',
                        message: 'Please supply a vaild zip code'
                    }
                }
            },
            comment: {
                validators: {
                      stringLength: {
                        min: 10,
                        max: 200,
                        message:'Please enter at least 10 characters and no more than 200'
                    },
                    notEmpty: {
                        message: 'Please supply a description of your project'
                    }
                    }
                }
            }
        })
        .on('success.form.bv', function(e) {
            $('#success_message').slideDown({ opacity: "show" }, "slow") // Do something ...
                $('#contact_form').data('bootstrapValidator').resetForm();

            // Prevent form submission
            e.preventDefault();

            // Get the form instance
            var $form = $(e.target);

            // Get the BootstrapValidator instance
            var bv = $form.data('bootstrapValidator');

            // Use Ajax to submit form data
            $.post($form.attr('action'), $form.serialize(), function(result) {
                console.log(result);
            }, 'json');
        }
        );
});


drugi.js

Code:
var cd;

$(function(){
  CreateCaptcha();
});

// Create Captcha
function CreateCaptcha() {
  //$('#InvalidCapthcaError').hide();
  var alpha = new Array('A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9');
                    
  var i;
  for (i = 0; i < 6; i++) {
    var a = alpha[Math.floor(Math.random() * alpha.length)];
    var b = alpha[Math.floor(Math.random() * alpha.length)];
    var c = alpha[Math.floor(Math.random() * alpha.length)];
    var d = alpha[Math.floor(Math.random() * alpha.length)];
    var e = alpha[Math.floor(Math.random() * alpha.length)];
    var f = alpha[Math.floor(Math.random() * alpha.length)];
  }
  cd = a + ' ' + b + ' ' + c + ' ' + d + ' ' + e + ' ' + f;
  $('#CaptchaImageCode').empty().append('<canvas id="CapCode" class="capcode" width="300" height="80"></canvas>')
  
  var c = document.getElementById("CapCode"),
      ctx=c.getContext("2d"),
      x = c.width / 2,
      img = new Image();

  img.src = "https://pixelsharing.files.wor...eable-and-seamless-pattern.jpg";
  img.onload = function () {
      var pattern = ctx.createPattern(img, "repeat");
      ctx.fillStyle = pattern;
      ctx.fillRect(0, 0, c.width, c.height);
      ctx.font="46px Roboto Slab";
      ctx.fillStyle = '#ccc';
      ctx.textAlign = 'center';
      ctx.setTransform (1, -0.12, 0, 1, 0, 15);
      ctx.fillText(cd,x,55);
  };
  
  
}

// Validate Captcha
function ValidateCaptcha() {
  var string1 = removeSpaces(cd);
  var string2 = removeSpaces($('#UserCaptchaCode').val());
  if (string1 == string2) {
    return true;
  }
  else {
    return false;
  }
}

// Remove Spaces
function removeSpaces(string) {
  return string.split(' ').join('');
}

// Check Captcha
function CheckCaptcha() {
  var result = ValidateCaptcha();
  if( $("#UserCaptchaCode").val() == "" || $("#UserCaptchaCode").val() == null || $("#UserCaptchaCode").val() == "undefined") {
    $('#WrongCaptchaError').text('Unesite slova sa slike').show();
    $('#UserCaptchaCode').focus();
  } else {
    if(result == false) { 
      $('#WrongCaptchaError').text('Neispravan unos, molimo ponovite.').show();
      CreateCaptcha();
      
      $('#UserCaptchaCode').focus().select();
    }
    else { 
      $('#UserCaptchaCode').val('').attr('place-holder','Unesite Captcha');
      CreateCaptcha();
      $('#WrongCaptchaError').fadeOut(100);
      $('#SuccessMessage').fadeIn(500).css('display','block').delay(5000).fadeOut(250);
    }
  }  
}

F
 
Odgovor na temu

whitie2004

Član broj: 19966
Poruke: 1316
87.116.180.*



+186 Profil

icon Re: Javascript pomoć oko spajanja dva .js19.03.2017. u 21:32 - pre 35 meseci
Imas dosta primera na netu, recimo ....
https://github.com/nghuuphuoc/...or/blob/master/demo/index.html

Kod njega je captcha malo jednostavnija pa moras da se malo pomucis...
Imas 3 koraka da prepravis svoj postojeci kod da dodas captcha-u:

- u form(HTML) dodas form-group sa slikom i input poljem za unos sa name="captcha"(id-ovi su ti ispod) -(u njegovom primeru linije 170-175),
- iscrtas canvas -> tvoj kod gadja u '#CaptchaImageCode',
- u bootstrapValidator dodas polje(field) catcha (u njegovom primeru linije 319-329). Callback funkcija proverava ispravnost (vraca t/f). Kod tebe se ona zove ValidateCaptcha(), a input polje ti je oznacen sa '#UserCaptchaCode' ...

 
Odgovor na temu

captPicard
programer
more i planine

Član broj: 216084
Poruke: 1119



+19 Profil

icon Re: Javascript pomoć oko spajanja dva .js21.03.2017. u 02:14 - pre 35 meseci
Hvala, prepravio svoje po tom primjeru i izmislio nešto :)
F
 
Odgovor na temu

whitie2004

Član broj: 19966
Poruke: 1316
87.116.181.*



+186 Profil

icon Re: Javascript pomoć oko spajanja dva .js21.03.2017. u 08:08 - pre 35 meseci
Drago mi je .. Internet je nas drug i spasitelj :-)
 
Odgovor na temu

[es] :: Ostali programski jezici :: Javascript pomoć oko spajanja dva .js

[ Pregleda: 1318 | Odgovora: 3 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.