jquery - 仅验证指定的文本框

Question

我有三个<input type="text" />，每个都有一个与之关联的按钮。

IE

文本框 1 --> 提交 1 文本框 2 --> 提交 2 文本框 3 --> 提交 3

我希望仅在相应的文本框上进行验证。如果用户单击 Submit2，则仅对 TextBox2 进行验证。

我怎样才能做到这一点？

Answer 1

您可以将它们放在单独<form>的 s 中，并且每个表单有一个提交按钮。

Answer 2

我对 jQuery 不是很好，但我想你可以做到的一种方法是通过每次按钮单击来处理验证。这是我设置的以下jsfiddle的 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/