验证指定的文本框只有

Question

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

即

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

我想验证只发生仅在相应的文本框中。如果用户单击Submit2，则仅在TextBox2上进行验证。

我该怎么做？

Answer 1

你可以把它们放在不同<form> S和有每个表单一个提交按钮。

Answer 2

我对jQuery并不擅长，但我想你可以做到的一种方式是通过点击每个按钮来处理验证。下面是followinng 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"); 
        }); 

}）;

Answer 3

由于没有做到这一点，你可以有一个类。比如在文本框的文本框，然后你可以做

的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/