запретить функции вызывать себя при последнем утверждении функции в сценарии Java - PullRequest
Новая
       15

запретить функции вызывать себя при последнем утверждении функции в сценарии Java

0 голосов
/ 26 июня 2019

Я изучал javascript и jquery и столкнулся с проблемой, когда пытался проверить поля формы с помощью функции jquery.Проблема в том, что он работает нормально первые два раза, когда он вызывается (когда я нажимаю кнопку обновления для определенного элемента), и всякий раз, когда я пытаюсь вызвать его в третий раз (нажатием кнопки обновления для того же элемента, что и раньше)он вызывает сам себя, но я явно не упоминал никаких рекурсивных вызовов и больше не буду вызывать его внутри функции.Я не уверен, почему он звонит сам.Пожалуйста, помогите мне.Я буду прикреплять скрипку.После запуска сброса в main.updateData (Object.assign ({}, main.newObject), ключи);в третий раз отображается пустое имя ошибки, которое не должно происходить.

Я пытался указать точки останова и выяснить причину этого странного поведения, но не смог

Имяполе должно отображать ошибку только тогда, когда оно пустое, но в третий раз оно показывает ошибку, даже если оно не пусто

FIDDLE 

validateFormData: function(value, keys, idCount) {

  var keyIndex = 0;
  main.newObject[keys[keyIndex++]] = idCount;



  if (value == "update") {
    main.newObject[keys[0]] = $(".active-contact").attr('id');

    //alert("new updated id is " + main.newObject[keys[0]]);
  }
  var validElementsCount = 0;
  var alphabet_pattern = /^[a-z]+\s*/i;
  var email_pattern = /[a-z]{0,}[0-9]{0,4}[.]{0,1}[0-9]{0,4}[a-z]{0,8}[0-9]{0,4}[@][a-z]{0,20}[.](com)/i;
  var number_pattern = /^[0-9]{10}$/;
  var website_pattern = /^(www)[.][a-z]{1,20}[.](com)$/i;

  /*Validating the form inputs against the regex pattern*/
  if ($("#employee-name").val() == "") {
    $("#employee-name-error").text("name cannot be empty");
  } else if (!alphabet_pattern.test($("#employee-name").val())) {
    $("#employee-name-error").text("Only alphabets are allowed");
  } else {
    validElementsCount++;
    $("#employee-name-error").text("");
    main.newObject[keys[keyIndex++]] = $("#employee-name").val();
    //alert("object is  " + JSON.stringify(main.newObject[keys[keyIndex-1]]) + " key is " + keys[keyIndex-1]);
  }



  //employee email validation
  if (email_pattern.test($("#employee-email").val()) || $("#employee-email").val() == "") {
    $("#employee-email-error").text("");
    validElementsCount++;
    main.newObject[keys[keyIndex++]] = $("#employee-email").val();
    //alert("object is  " + JSON.stringify(main.newObject[keys[keyIndex - 1]]) + " key is " + keys[keyIndex - 1]);
  } else {
    $("#employee-email-error").text("Follow email pattern");
  }


  //employee mobile validation
  if (number_pattern.test($("#employee-mobile").val()) || $("#employee-mobile").val() == "") {
    $("#employee-mobile-error").text("");
    validElementsCount++;
    main.newObject[keys[keyIndex++]] = $("#employee-mobile").val();
    //alert("object is  " + JSON.stringify(main.newObject[keys[keyIndex - 1]]) + " key is " + keys[keyIndex - 1]);
  } else {
    $("#employee-mobile-error").text("Only 10 digit number is allowed");
  }


  //employee landline no validataion
  if (number_pattern.test($("#employee-land-line").val()) || $("#employee-land-line").val() == "") {
    $("#employee-land-line-error").text("");
    validElementsCount++;
    main.newObject[keys[keyIndex++]] = $("#employee-land-line").val();
    //alert("object is  " + JSON.stringify(main.newObject[keys[keyIndex - 1]]) + " key is " + keys[keyIndex - 1]);
  } else {
    $("#employee-land-line-error").text("Only 10 digit number is allowed");
  }


  //employee website validation
  if (website_pattern.test($("#employee-website").val()) || $("#employee-website").val() == "") {
    $("#employee-website-error").text("");
    validElementsCount++;
    main.newObject[keys[keyIndex++]] = $("#employee-website").val();

  } else {
    $("#employee-website-error").text("Follow website pattern");
  }

  main.newObject[keys[keyIndex++]] = $("#employee-address").val();

  if (validElementsCount == 5) {
    if (value == "add") {

      main.addEmployeeClick(Object.assign({}, main.newObject));
      $(".employee-details-form").trigger("reset");

    } else if (value == "update") {
      //alert("new object is " + JSON.stringify(Object.assign({}, main.newObject), keys));
      main.updateData(Object.assign({}, main.newObject), keys);
      $(".employee-details-form").trigger("reset");

    }

  }

},

1 Ответ

0 голосов
/ 03 июля 2019

Вы можете добавить .off () перед # update-employee-btn привязкой события клика в строке 34. 

 $("#update-employee-btn").off().click(....)

Дайте мне знать, если она работает и у вас.

...