如果用户选中任何复选框,我想将 TextBox
验证为必填字段。
如何验证上述要求。有人可以帮忙吗?
下面是查看代码片段。
<div>
<div id="">
<input type="checkbox" id="partsChk" name="partsChk"/><label
class="enrollment_side">
Parts (including IRFs)
</label>
</div>
<div id="">
@Html.TextBox("PartsTitle","", new { @class = "enrollment_tbox", placeholder
= "Parts Contact Title (i.e. Parts Manager)" })
<br />
@Html.TextBox("PartsFirstName", "", new { placeholder = "First Name" })
@Html.TextBox("PartsLastName","", new { placeholder = "Last Name" })
@Html.TextBox("PartsEmpId","", new { placeholder = "BMW Employee ID" })
<br />
</div>
</div>
<div>
<div id="">
<input type="checkbox" id="salesChk" name="salesChk" /><label
class="enrollment_sidehdr">Sales – Coming in Q3 2014
</label>
</div>
<div id="">
@Html.TextBox("SalesTitle","", new { @class = "enrollment_tbox", placeholder =
"Sales Contact Title (i.e. Sales Manager)" })
<br />
@Html.TextBox("SalesFirstName", "", new { placeholder = "First Name" })
@Html.TextBox("SalesLastName","", new { placeholder = "Last Name" })
@Html.TextBox("SalesEmpId","", new { placeholder = "BMW Employee ID" })
</div>
</div>
<div>
<div id="">
<input type="checkbox" id="serviceChk" name="serviceChk" /><label
class="enrollment_sidehdr">Service – Coming in Q3 2014
</label>
</div>
<div id="">
@Html.TextBox("ServiceTitle","", new { @class = "enrollment_tbox",
placeholder = "Service Contact Title (i.e. Service Manager)" })
<br />
@Html.TextBox("ServiceFirstName", "", new { placeholder = "First Name" })
@Html.TextBox("ServiceLastName","", new { placeholder = "Last Name" })
@Html.TextBox("ServiceEmpId","", new { placeholder = "BMW Employee ID" })
<br />
</div>
</div>
最佳答案
请引用此示例代码。我已经编写了 HTML 和 jQuery 代码,请将其集成到您的应用程序中
HTML
Group 1
<input type="checkbox" id="1" class="cb"/>
<input type="text" class="txt1">
<input type="text" class="txt1">
<br/>
<br/>
Group 2
<input type="checkbox" id="2" class="cb"/>
<input type="text" class="txt2">
<input type="text" class="txt2">
<br/>
<br/>
Group 3
<input type="checkbox" id="3" class="cb"/>
<input type="text" class="txt3">
<input type="text" class="txt3">
<br/><br/>
<input type="button" id="button1" value="click me" />
jQuery
$("#button1").click(function(){
$(".cb").each(function(){
var flag = 0;
if($(this).is(':checked'))
{
$(".txt" + $(this).attr("id")).each(function(){
if($(this).val() == "")
{
flag = 1;
}
});
if(flag == 1)
{
alert("Fields of Group " + $(this).attr("id") + " are empty, Please fill it");
}
}
});
});
<强> Live demo here
关于javascript - 如何在mvc4中为以下代码编写javascript或jquery验证?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22371574/