подтверждение ввода javascript/jquery

Question

У меня есть форма, где пользователь может добавить дополнительные поля ввода при нажатии кнопки. Пользователь может иметь столько полей ввода, сколько захочет.

Я не планирую добавлять кнопку для удаления полей.

Они по умолчанию количества входных ящиков 2. Say пользователь решает добавить еще 3, в настоящее время есть в общей сложности 5

Для проверки, я хотел бы проверить, если поле ввода пусто или если вход имеет все пробелы, такие как: «" независимо от того, сколько пробелов, если у него нет ничего, кроме пространства. Я могу сделать проверку на пустой ввод, проверив длину, но как я могу проверить последний? Существует ли регулярное выражение для любого числа последовательных пробелов? Спасибо!

PS: Я использую JQuery с JQuery мобильного

Answer 1

Вы можете проверить, если поле ввода пустым, проверяя его .value.length, как вы уже знаете. Для того, чтобы проверить, если он содержит только пробелы, то попробуйте следующее: (при условии, что вход хранится в переменной с именем input)

if (!input.value.trim().length) // oh noes! it's blank or whitespace-filled! 

Reference.

Answer 2

Ваш вопрос имеет несколько компонентов:

• как добавлять поля ввода динамически?
• как пройти через эти поля и проверить их также?
• Как проверить, действительно ли поле содержит контент, а не только пустые значения?

Мы должны решать все эти вопросы на систематической основе:

Начиная с самой простой - обнаружением пустой строкой:

if (value.replace(/\s/g,'')=='') //string is empty 

Далее, чтобы добавить поля ввода динамически:

var myinput=document.createElement('input'); 
document.body.appendChild(myinput); 

//the trick here is to "remember" this element for later use 
document.myinputs=[]; 
document.myinputs.push(myinput); 

Чтобы проверить все поля ввода, сначала проверьте статические, затем выполните циклические изменения полей ввода:

valid=true; //default to true unless detected otherwise 
for (var i=0;i<document.myinputs.length;i++){ 
    var input=document.myinputs[i]; 
    if (input.value.replace(/\s/g,'')=='') valid=false; 
} 

alert(valid);