Question

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

即

TextBox1 - ＆gt; Submit1 TextBox2 - ＆gt; Submit2 TextBox3 - ＆gt; Submit3

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

我该怎么做？

Answer 1

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

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

}）;

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/

仅验证指定的TextBox

3 个答案: