на размытие проверить входные текстовые поля на основе класса

0

У меня есть форма, содержащая 5 - 6 телефонных полей в виде текстовых полей. В начале видно только одно. Другие поля отображаются на основе определенных условий. Все эти телефонные поля имеют общий класс "phoneclass". Я проверяю эти поля нажатием кнопки отправки. Это прекрасно работает. Теперь мне нужно проверить эти поля и на размытие поля. Я не могу это сделать, используя свой код. Может кто-нибудь, пожалуйста, помогите мне в этом?

Fiddle - http://jsfiddle.net/NjvJU/8/

HTML

 <div class="phoneclass">
<label for="owner_phone">Owner Phone:</label>
<div class="input-phone">
    <input type="text" id="owner_area_code" name="owner_area_code" minlength="3" maxlength="3" title="Owner number has either been left blank or the data entered was invalid" style="width: 60px" /> <span class="inline-text">-</span>

    <input type="text" id="owner_local3" name="owner_local3" minlength="3" maxlength="3" title="Owner number has either been left blank or the data entered was invalid" style="width: 60px" /> <span class="inline-text">-</span>

    <input type="text" id="owner_local4" name="owner_local4" minlength="4" maxlength="4" title="Owner number has either been left blank or the data entered was invalid" style="width: 60px" /> <span class="inline-text">Ext.</span>

    <input type="text" id="owner_extn" name="owner_extn" maxlength="5" style="width: 40px" />
    <input type="hidden" id="owner_phone" />
</div>
</div>
<hr/>
<div class="phoneclass">
<label for="owner_phone1">Owner Phone1:</label>
<div class="input-phone">
    <input type="text" id="owner_area_code1" name="owner_area_code1" minlength="3" maxlength="3" title="Owner number has either been left blank or the data entered was invalid" style="width: 60px" /> <span class="inline-text">-</span>

    <input type="text" id="owner_local31" name="owner_local31" minlength="3" maxlength="3" title="Owner number has either been left blank or the data entered was invalid" style="width: 60px" /> <span class="inline-text">-</span>

    <input type="text" id="owner_local41" name="owner_local41" minlength="4" maxlength="4" title="Owner number has either been left blank or the data entered was invalid" style="width: 60px" /> <span class="inline-text">Ext.</span>

    <input type="text" id="owner_extn1" name="owner_extn1" maxlength="5" style="width: 40px" />
    <input type="hidden" id="owner_phone1" />
 </div>
 </div>
<div>
<input type="submit" id="submitBtn" />
</div>

JS

$('#submitBtn').click(function () {
$('.phoneclass').filter(':visible').each(function () {
    var arr=new Array();
    input.find('input[type=text]').each(function (index, value) {
        //alert($(value).val());
        arr.push($(value).val());
    });
    var first = arr[0];
    var sec = arr[1];
    validateFn(first,sec); 
});
});

$('.phoneclass').each(function () {
    $(this).find('input').each(function (index, value) {
        $(this).blur(function(){
            alert("blur");
            arr.push($(value).val());
            var first = arr[0];
            var sec = arr[1]; 
            alert(first+" "+sec);
            //validateFn(first,sec);
        });
    });
});

function validateFn(val1,val2){
//Validation code
var test1=val1;
var test2=val2;
alert(test1+test2);
return true;
}

Я не должен использовать идентификатор для проверки. Thats y Я использую класс div для итерации через каждое поле и выполнения проверки. Любая идея, как я могу проверить на размытие полей?

заранее спасибо

Теги:

1 ответ

0

По моему пониманию определите ниже строку наверху

 var arr=new Array();

демонстрация

Попробуйте обновленную демоверсию

  • 0
    Извините .. это была опечатка .. обновил мою скрипку .. Спасибо за указание этого… даже после инициализации массива снаружи, размытие не происходит правильно ...
  • 0
    @ user1049057 Попробуйте мою обновленную демонстрацию
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню