Подтвердить поле Jeditable

Question

Я использую Jeditable (размещение на CakePHP) для ввода на моей странице. Я хочу, чтобы пользователи заполняли только цифры в полях Jeditable, поэтому моя идея состояла в том, чтобы использовать jQuery validation plugin для проверки использования только чисел, которые я уже использую в других частях моего сайта.

Jeditable динамически создает форму с вводом, когда вы нажимаете на div, поэтому, похоже, для Jquery не существует ничего, что можно было бы привязать, и это, похоже, не работает нормально.

Я могу установить имя класса формы через Jeditable (он имеет только класс atrribute), созданный вход имеет атрибут имени, который по умолчанию имеет «имя».

Мои вопросы:

• Это хороший способ требует только цифры?
• Если да, то как заставить его работать с Jquery validate
• Если нет, то что было бы лучшим решением?

Спасибо заранее, и я с нетерпением жду любых ответов, которые я мог бы получить;)

Answer 1

Плагин проверки jQuery можно использовать непосредственно в jeditable для проверки полей вашей формы

$('.edit').editable(your_url, { 
    onsubmit: function(settings, td) { 
     var input = $(td).find('input'); 
     $(this).validate({ 
      rules: { 
       'nameofinput': { 
        number: true 
       } 
      }, 
      messages: { 
       'actionItemEntity.name': { 
        number: 'Only numbers are allowed' 

       } 

      } 
     }); 

     return ($(this).valid()); 
    } 
}); 

Answer 2

Вы можете использовать onsubmit событие в Jeditable и проверить, если вход имеет только номера. Это просто пример, я не пробовал:

function isNumeric(value) { 
    if (value == null || !value.toString().match(/^[-]?\d*\.?\d*$/)) return false; 
    return true; 
} 

$('.edit').editable(your_url, { 
    onsubmit: function(settings, original) { 
     if (isNumeric(original)) { 
      return true; 
     } else { 
      //display your message 
      return false; 
     } 
    } 
}); 

Answer 3

этот код работал для меня

function isNumeric(value) { 
    if (value == null || !value.toString().match(/^[-]?\d*\.?\d*$/)) return false; 
    return true; 
} 

$('.edit').editable(your_url, { 
    onsubmit: function(settings, td) { 
     var input = $(td).find('input'); 
     var original = input.val(); 
     if (isNumeric(original)) { 
      console.log("Validation correct"); 
      return true; 
     } else { 
      console.log("Validation failed. Ignoring"); 
      input.css('background-color','#c00').css('color','#fff'); 
      return false; 
     } 
    } 
}); 

Answer 4

Существует код, может быть, это может помочь вам: D
http://www.codeproject.com/Articles/50059/jQuery-Validate-and-Jeditable-Part-2/

Answer 5

Для моего проекта я изменил имя функции на isAcceptable, потому что я разрешаю скобки, тире, точки, чтобы быть частью номера телефона.

function isAcceptable(value) { 
    if (value == null || !value.toString().match(/^[-+]?\d*\.?[\d\s().-]+$/)) return false; 
    return true; 
} 

Answer 6

Open jquery.editable.js и найти: onedit функция

/* setup some functions */ 
     var onedit = settings.onedit || function() { }; 

и сделать некоторые вроде:

$('.edit').editable(your_url, { 
    onedit:function(){ 
      alert("original value"+$(this).text()); 
    }, 
});