如何解决在jquery中选择单选按钮时如何验证文本框?
我有单选按钮,因此我想在用户选择单选按钮时验证文本框。必须提示用户插入通过单选按钮验证的详细信息。例如单选按钮(EmailAddress)。
为清晰起见,让我分享以下逻辑。电子邮件消息必须是此Example: lsmith@myschool.edu,mfoster@myschool.edu
。我想知道当用户选择这些单选按钮并需要一些帮助时,JQuery方面可以验证这些单选按钮。
<div class="form-group row">
<div class="col-sm-4">
@Html.RadioButtonFor(m => m.CourseAdmin.EmailAddress,"EmailAddress")
<label for="EmailAddress" class="col-form-label">EmailAddress</label>
</div>
<div class="col-sm-3">
@Html.RadioButtonFor(m => m.CourseAdmin.LoginID,"LoginID")
<label for="LoginID" class="col-form-label">LoginID</label>
</div>
<div class="col-sm-3">
@Html.RadioButtonFor(m => m.CourseAdmin.SIS_ID,"SIS_ID")
<label for="SIS_ID" class="col-form-label">SIS_ID</label>
</div>
<div class="col-sm-12">
@Html.TextAreaFor(m => m.eNtsaAdmin.eNtsaTextAreadisc,new { @class = "form-control",style = "font-size: medium; font-weight: bold; width:450px" })
</div>
<hr />
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter" id="btnNext">
Next
</button>
</div>
<script type="text/javascript">
$(document).ready(function () {
// Fire when radio button clicked
$("#LoginID,#SIS_ID").bind("change",function () {
checkdata();
});
// Fire when we enter anything in the textBox
$("#eNtsaTextAreadisc").bind("input",function () {
checkdata();
});
});
//here we check both radio button clicked and textBox filled with some information
function checkdata() {
if ($("#LoginID").prop("checked") && $("#SIS_ID").prop("checked") && $("#eNtsaTextAreadisc").val().length > 0) {
$("#btnNext").removeAttr("disabled");
}
else {
$("#btnNext").attr("disabled","disabled");
}
}
</script>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。