微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在jquery中选择单选按钮时如何验证文本框?

如何解决在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 举报,一经查实,本站将立刻删除。