$.keypad.setDefaults({
  randomiseAlphabetic: true,
  randomiseNumeric: true,
  randomiseOther: true,
  closeText: "確認",
  clearText: "清空",
  backText: "刪除",
      layout: $.keypad.qwertyLayout});


function password_strength_checker(string , id)
{
  var is_length = false; //長度
  var is_numeric = false; //兩個數字
  var is_letter = false; //兩個英文
  var re_numeric = new RegExp(/[0-9]+\S*[0-9]+/); //驗證數字
  var re_letter = new RegExp(/[a-zA-Z]+\S*[a-zA-Z]+/); //驗證英文字母

  //驗證長度
  if(string.length > 7)
    is_length = true;
  else
    add_input_message(id , "長度至少要八碼以上" , "bad");


  //驗證數字
  if(re_numeric.exec(string))
    is_numeric = true;
  else
    add_input_message(id , "至少要有兩個數字" , "bad");


  //驗證字母
  if(re_letter.exec(string))
    is_letter = true;
  else
    add_input_message(id , "至少要兩個英文字母" , "bad");


  //驗證是否可用
  if(is_length && is_numeric && is_letter)
  {
    add_input_message(id , "您的密碼可以使用！" , "good");
    return true;
  }
  else
    return false;
}


function add_input_message(id , message , type)
{
  if($("span[id="+id+"add_message]").html() === null)
    $($("#"+id)).after("<span id='"+id+"add_message'>" + message + "</span>");
  else
    $("span[id="+id+"add_message]").html(message);

    
  if(type == "good")
    $("span[id="+id+"add_message]").css("color", "green");
  else
    $("span[id="+id+"add_message]").css("color", "red");
  
  $("#"+id).attr("class" , type);
}