Question

I was just trying to use a function of jQuery in my JavaScript code for styling. I want that whenever the required text field is empty, the textfield should shake, but I can’t do it. Please help me out I just wasted my whole night on it. Finally asking for your help. I hope that you people get my question.

The code is given below

function validate() {
  var em = document.getElementById("email_value").value;
  var pass = document.getElementById("password_value").value;

  if(em == "") {
    shakeIt();
  }                   
}

$(document).ready(function() {
  function shakeIt() {
    $("input").effect("shake", { times:5}, 50);
  }
});

Answer 1

function validate()
{
    var em = document.getElementById("email_value").value;
    var pass = document.getElementById("password_value").value;

    if(em == "")
    {
        shakeIt();
    }
}

function shakeIt()
{
    $("input").effect("shake",
    {
        times: 5
    }, 50);
}

Don’t wrap it in $(document).ready() function, because your shakeIt function is not longer in global scope, if you do so.