Подтвердить только указанный текстовый блок

Question

У меня есть три <input type="text" />, и у каждого из них есть связанная с ним кнопка.

т.е.

TextBox1 -> Submit1 TextBox2 -> Submit2 TextBox3 -> Submit3

Я хочу Validation произойти только лишь соответствующее текстовое поле. Если пользователь нажимает кнопку Submit2, в TextBox2 выполняется только проверка.

Как я могу это сделать?

Answer 1

Вы можете поместить их в отдельные <form> с и имеют одну кнопку отправки каждой формы.

Answer 2

Я не так хорош с jQuery, но я полагаю, что один из способов сделать это - обработать валидацию при каждом нажатии кнопки. Вот HTML/JavaScript для followinng установки jsfiddle I:

<input type="text" id="input1" /><button id="button1">button 1</button><br/> 
<input type="text" id="input2"/><button id="button2"> button 2</button><br/> 
<input type="text" id="input3"/><button id="button3">button 3</button>​ 

$(document).ready(function(){ 
$('#button1').click(function() 
        { 
         //Handle validaton 
         $('#input1').val("You clicked button 1"); 
        }); 

$('#button2').click(function() 
        { 
         //Handle validaton 
         $('#input2').val("You clicked button 2"); 
        }); 

$('#button3').click(function() 
        { 
         //Handle validaton 
         $('#input3').val("You clicked button 3"); 
        }); 

});

Answer 3

Учтите, что вы делаете это по id, вы можете иметь класс. такие как текстовое поле на текстовые поля, то вы могли бы сделать

Javascript

$(document).on('click', '.textbox', aFunction); 

function aFunction(event){ 
    var text = $(this).prev().val(); 
    //validation, text is the text of the box. 
}​ 

HTML

<input type="text" id="input1" /><button class='textbox' id="button1">button 1</button><br/> 

<input type="text" id="input2"/><button class='textbox' id="button2"> button 2</button><br/> 

<input type="text" id="input3"/><button id="button3" class='textbox'>button 3</button>​ 

jsfiddle http://jsfiddle.net/FERMIS/zE6uK/1/