скрытие элемента ввода при отмене

Question

Ι имеет форму, в которой у него есть элемент ввода, где пользователь может ввести URL-адрес - это происходит, когда он нажимает кнопку редактирования, после чего появляются поля ввода.

Если пользователь начинает вводить URL-адрес и нажимает кнопку отмены, то когда бы он ни печатался, он становится нулевым, а поле ввода снова скрывается от представления (класс добавляется к элементу с отображением: none).

И вот где проблема: Если пользователь набирает что-то и нажимает кнопку сохранения, данные (url) отправляются на сервер с помощью запроса ajax. Это означает, что в следующий раз, когда формы загружаются, пользователь будет см. представленный URL. Если в этот момент вы захотите отредактировать форму и нажмите кнопку отмены, представленный URL-адрес скрыт от просмотра ... что-то нежелательное, конечно, потому что мы говорим здесь о представленных данных.

Как я могу отличить один от другого, - данные и непредставленные данные - отменить.

Вот код, первый связан с нажав на кнопку отмены и во-вторых, с помощью функции, которая добавляет классы для элемента ввода:

$('#canceladrs').click(function() { 
var urlcancel=$.trim($('input#wwwaddress').val()); 
save=2; 
close_url(save,urlcancel);  
closeaddress(); 

}); 

here is the close_url() function 

function close_url(savearg,urlarg,cancelarg) 
{ 
console.log(urlarg); 
if(savearg===1)// save button clicking here 
    { if(urlarg==='') 
      { 
       $('input#wwwaddress').addClass('hideurl'); 
       $('label[for=url]').addClass('hideurl'); 
       $('input#wwwaddress').val(null); 
      } 
     else if(urlarg!=='') 
      { 
       $('input#wwwaddress').removeClass('hideurl'); 
       $('label[for=url]').removeClass('hideurl'); 
       $('input#wwwaddress').val(urlarg); 
      } 
    } 
else if(savearg===2)//cancel button clicking here 
{if((urlarg!=='')||(urlarg==='')) 
     { 
      $('input#wwwaddress').addClass('hideurl'); 
       $('label[for=url]').addClass('hideurl'); 

     } 
} 


} 

} 

Как вы видите выше, я пытаюсь отметить щелчки cancel кнопка настройка save = 2.

Answer 1

Хорошо, основываясь на вашем комментарии, вы не хотите скрыть ввод, если в нем есть текст. В этом случае позвольте мне сослаться на фрагмент кода вы предоставили:

if((urlarg!=='')||(urlarg==='')){ 
      $('input#wwwaddress').addClass('hideurl'); 
      $('label[for=url]').addClass('hideurl'); 
} 

Логика здесь читает, если urlarg не имеет значения, или если urlarg имеет значение добавить класс, скрывающий вход и этикетку.

Таким образом, вы скрываете ввод и метку во всех случаях.

Если вы не хотите скрывать элементы ввода, когда у них есть контент, не добавляйте условие urlarg !== ''.

Я также рекомендую добавить отдельный обработчик событий для отмены и сохранения событий, так что вам не нужно отправлять специальные функции, такие как save.

Кроме того, как я уже упоминал, jquery уже имеет hide, не нужно делать это самостоятельно.

Наконец, вы можете обрезать строку urlarg, потому что если пользователь вводит просто пробел, это не важно, но ваш скрипт будет считать его имеющим значение.