使用数据批注在 Razor 页面中进行条件远程验证-解网

问：

我必须根据另一个字段输入来验证一个字段。如果字段 A 不为空，则应填写字段 B。目前这个表单在一个选项卡内，所以当我进行javascript验证时，它正在导航到第一个选项卡。这是我的模型类代码

    //--WorkpassType ---//
    //[Required(ErrorMessage = "Please Select WorkPass Type")]
    [Display(Name = "WorkPass Type"), StringLength(20)]
    public string WorkpassType { get; set; }

    //--Workpass Expiry Date ---//
    //[Required(ErrorMessage = "Please Select WorkPass Expiry Date")]
    [Display(Name = "WorkPass Expiry Date")]
    [DisplayFormat(DataFormatString = "{0:dd/MM/yyyy}", ApplyFormatInEditMode = true)]
    [DataType(DataType.Date)]
    public DateTime? WorkpassExpiryDate { get; set; }

索引.cshtml

    <form method="post" id="FormBiodata" enctype="multipart/form-data">
        <partial name="_BioData" />
        <div class="form-group row">
            <div class="col-sm-10" style="margin-left:800px;">
                <input type='submit' class='btn btn-success' value='Save' />
                <input type="submit" id="BtnSubmit" asp-page-handler="InsertBioData" style="display:none;" />
            </div>
        </div>
    </form>

Javascript 验证

     $('#FormBiodata').submit(function () {

        if ($('#DropDownWorkPassType').val()) {
            if ($('#WorkPassExpiryDate').val() == null) {
                $("#SpanWorkPassExpiryDate").html("Please Enter WorkPass Expiry Date");
                $('#myTab li:nth-child(@Model.currentTab) a').tab('show')
                return false;
            }
        }
        else {
            $("#BtnSubmit").click();
        }
    });

任何帮助将不胜感激。谢谢！

asp.net-core 选项卡 razor-pages 远程验证

 <form method="post" id="FormBiodata" enctype="multipart/form-data" asp-page-handler="InsertBioData">
        <partial name="_BioData" />
        <div class="form-group row">
            <div class="col-sm-10" style="margin-left:800px;">
                <input type='submit' class='btn btn-success' value='Save' />
            </div>
        </div>
    </form>

js：

$('#FormBiodata').submit(function (e) {
        e.preventDefault();
        if ($('#DropDownWorkPassType').val()) {
            if ($('#WorkPassExpiryDate').val() == null) {
                $("#SpanWorkPassExpiryDate").html("Please Enter WorkPass Expiry Date");
                
            }
        }
        else {
            this.submit();
        }
    });

上一个：远程验证不适用于模型列表

下一个：远程验证 - 生成的远程 url 错误

使用数据批注在 Razor 页面中进行条件远程验证

Conditional remote validation in razor pages using data annotation

评论