仅验证指定的文本框

Posted 2023-05-08

【中文标题】仅验证指定的文本框

【英文标题】：Validate Specified TextBox Only

【发布时间】：2012-07-01 07:00:52

【问题描述】：

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

即

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

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

我该怎么做？

【参考方案1】：

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

【参考方案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"); 
                    );

);​

【讨论】：

我遇到的问题是按下按钮 1 也会验证输入 1、2 和 3。

@jmogera - 你试过 jsfiddle 了吗？当您单击按钮 1 时，它应该只在输入 1 中输入一个值，按钮 2 用于输入 2，按钮 3 用于输入 3。您有更多的 JavaScript 可以显示吗？另外，这些是什么类型的按钮（ 或 ）？

【参考方案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/