jquery - 指定された TextBox のみを検証する

Question

3 つ<input type="text" />あり、それぞれに関連付けられたボタンがあります。

すなわち

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

対応するテキストボックスのみでのみ検証が行われるようにします。ユーザーが Submit2 をクリックすると、TextBox2 でのみ検証が行われます。

これどうやってするの？

Answer 1

それらを別々<form>の に配置して、フォームごとに 1 つの送信ボタンを配置できます。

Answer 2

私は jQuery が得意ではありませんが、ボタンがクリックされるたびに検証を処理することができる方法の 1 つだと思います。これは、次のjsfiddle I セットアップの html/javascript です。

<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"); 
                    });

}); </p>

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/