Очистка полей формы?

Question

[Mountain Programmer]

<form action="" name="sss">
  <input name="aaa" value="qqq"><hr>
  <input name="bbb" value="www"><hr>
  <input name="ccc" value="eee"><hr>
</form>

Так очищает поля, которые есть в массиве

var form = document.forms.sss,
        elms = form.querySelectorAll('input');
    var skipElms = ['bbb','aaa'];

    elms.forEach(function (el) {
        skipElms.forEach(function (skipElm) {
            if (el.name !== skipElm) return;
            el.value = '';
        });
    });

А надо чтоб очищались поля, которых нет в массиве, но код ниже не работает(((

var form = document.forms.sss,
        elms = form.querySelectorAll('input');
    var skipElms = ['bbb','aaa'];

    elms.forEach(function (el) {
        skipElms.forEach(function (skipElm) {
            if (el.name === skipElm) return;
            el.value = '';
        });
    });

Подскажите - где я ошибся?

Answer 1

[Анатолий Медведев]

var form = document.forms.sss,
  elms = form.querySelectorAll('input'),
  skipElms = ['bbb', 'aaa'];

elms.forEach(function(el) {
  var skipThis = false;
  skipElms.forEach(function(name) {
    if (el.name === name) {
      skipThis = true;
      return;
    }
  });
  if (!skipThis) {
    el.value = '';
  }
});

Надеюсь ты разберешься в чем была твоя ошибка.

Comments

[Mountain Programmer]

Благодарствую!

[Анатолий Медведев]

Amarilis2007: Я сделал пример что бы вам было понятно, но я бы сделал так.

var form = document.forms.sss,
  elms = form.querySelectorAll('input'),
  skipElms = ['bbb', 'aaa'];

elms.forEach(function (el) {
	if(skipElms.indexOf(el.name) === -1) {
  	el.value = '';
  }
});

[Mountain Programmer]

Анатолий Медведев: И за это тоже спасибо! - это короче

Answer 2

[Stepanya]

el.attr('name') !== skipElm

Comments

[Mountain Programmer]

!== работает, а надо чтоб с === работало

Answer 3

[tstpmz]

Дай id каждому из полей, типо вот так:

<form action="" name="sss">
  <input id="aaa" value="qqq"><hr>
  <input id="bbb" value="www"><hr>
  <input id="ccc" value="eee"><hr>
</form>

А потом можешь либо делать getElementById для очищать нужные поля, либо просто юзани jquery - $("#aaa").val("");

Comments

[Mountain Programmer]

полей может быть произвольное количество

[tstpmz]

document.getElementById('sss').reset(); Вот тогда

[tstpmz]

tstpmz: только форме id допиши sss

[Mountain Programmer]

надо чтоб поля из массива skipElm не скинулись