[英]Make text boxes in a row required if any other text box of a row is filled?
我将我的FormCollection
发布到Asp.Net MVC
HttpPost
Action中。 一切正常,但问题是验证。 我有3行,每个行有3个文本框。 我想通过JavaScript
或C#
确保如果一行的任何textbox
都已填充,则需要其他textbox
。 由于行和文本框是非常动态的,因此我不能将其设置为静态。 我们可以有五行,六行或很多行。 以下是我的代码:
@{
int count = 0;
foreach (var record in Model)
{
<tr>
<td>
@Html.Hidden(count.ToString() + "Record", record.Id.ToString())
</td>
<td>
<input type="text" name="@count.ToString()Code" />
</td>
<td>
<input type="text" name="@count.ToString()Name" />
</td>
</tr>
count = count + 1;
}
@Html.Hidden("TotalRecords", count)
}
假设我有三行,每行分别包含代码和名称。 如果填充了row1
的代码,则需要确保将'row1'的名称填充为。 我怎样才能做到这一点?
您可以通过将class添加到所有文本框来处理它。 验证该类的文本框是否没有值,然后显示消息,如以下代码所示
$("#submit").click(function(){ var Flag=0; debugger $('.textBox').each(function(i) { if($(this).val()=="") { if(Flag==0) { Flag=1+i; } } }); if(Flag!=0) { alert("Please fill textbox : "+Flag) } })
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" class="textBox" > <br /> <input type="text" class="textBox" > <br /> <input type="text" class="textBox" > <br /> <input type="button" id="submit" value="submit" >
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.