Блог

У меня есть веб-страница, на которой есть текстовое поле.

Когда пользователь вводит в него информацию, он выполняет вызов AJAX, чтобы проверить, действительна ли запись, если нет, это отключает кнопку.

Они также могут добавлять до 10 текстовых полей, что делается с помощью шаблонов jQuery. На данный момент каждое текстовое поле имеет класс serial, и когда текстовое поле serial размыто, выполняется эта проверка.

Если они введут недопустимый серийный номер, это отключит кнопку, но если они добавят новое текстовое поле, и это допустимо, кнопка теперь включена, что неверно, поскольку одно все еще недействительно.

Единственный способ, который я могу придумать, чтобы сделать это, — добавить 1 или 0 в массив для каждого текстового поля и, как только все элементы в массиве равны 1, затем включить кнопку. Это хороший подход, если нет, пожалуйста, объясните, какой лучше. Если это хороший подход, как мне проверить, что все значения в массиве javascript одинаковы?

Спасибо

Это звучит как хороший подход. Вы можете проверить наличие одинаковых элементов в массиве javascript, используя эту простую функцию javascript. Вы можете вставить это в консоль firebug, чтобы проверить его функциональность.

 // check if all elements of my_array are equal, my_array needs to be an array
function check_for_equal_array_elements(my_array){
  if (my_array.length == 1 || my_array.length == 0) {
     return true;
  }
  for (i=0;i<my_array.length;i  ){
     if (i > 0 amp;amp; my_array[i] != my_array[i-1]) {
       return false;
     }
  }
  return true;
}

//Example:
var my_array = [];
my_array.push(5);
my_array.push(5);

// will alert "true"
alert("all elements equal? " check_for_equal_array_elements(my_array));

my_array.push(6);
// will alert "false"
alert("all elements equal? " check_for_equal_array_elements(my_array));
  

Я предположу, что у вас есть isValid(str) функция, которая возвращает логическое значение.

Поскольку вы используете jQuery, вы можете воспользоваться filter() функцией jQuery, чтобы легко проверить, являются ли какие-либо входные данные недопустимыми всякий раз, когда ввод размывается:

 $('.serial').live('blur', function () {

    // Get an array of all invalid inputs
    var invalids = $('.serial').filter(function () {
        return !isValid($(this).val());
    });

    // Does the array contain anything?
    $('#button').prop('disabled', invalids.length);

});
  

Демонстрация: http://jsfiddle.net/3RNV6 /

Аналогичная концепция, но для использования с AJAX:

 $('.serial').live('blur', function () {
    var me = this;

    $.ajax({
       // ajax config
       success: function (data) {
           if (data === 'Y') $(me).addClass('valid');

           // Get an array of all invalid inputs
           var invalids = $('.serial').filter(function () {
               return !$(this).hasClass('valid');
           });

           // Enable if none invalid
           if (invalids.length === 0) $('#button').prop('disabled', false);
       }
    });
});

$('.serial').live('keypress', function () {
    $('#button').prop('disabled', true);
    $(this).removeClass('valid');
});        
  

Прежде всего, если вы динамически создаете n текстовых полей, вы должны использовать методы live() или delegate() jQuery для информирования о новых добавленных элементах DOM.

Во-вторых, ваш подход просто прекрасен, но вместо массива вы можете задать параметры входных данных с неправильным текстом, а затем отключить кнопку, если есть какие-либо элементы с неправильным текстом. Я думаю, это будет быстрее, чем цикл, хотя все текстовые поля повсюду.

Я бы использовал проверку для достижения этого.

http://docs.jquery.com/Plugins/Validation#Demos

Если вы можете отлично проверить на стороне клиента — либо используйте одну из существующих функций проверки jQuery, показанных по ссылке выше, либо напишите свою собственную.

Если вам необходимо проверить серверную часть с помощью ajax, то вы могли бы встроить это в пользовательскую процедуру проверки.

Затем в вызове, который показывает / скрывает кнопку, выполните вызов $(‘#formid).validate() — возвращает false, если какая-либо проверка завершается неудачей.