Question

所以正如标题所说我有模式框，在页面加载后加载意味着它在Ajax调用之后加载，我想验证这个模态框的字段。为此我使用下面的代码，因为我的HTML没有加载到DOM中：

$(document).on('click', ".add_style", function(e) {
        var style_name = "";
        style_name = $(".style_name").val();
        if($.trim(style_name).length == 0)
        {
            $("#style_id").parent('div').addClass('has-error');
            $(".title_error_msg").css("display","block");
            return false;
        }   
        else
        {
            console.log("In else");
            return false;
        }

    });

但是我无法获得模态形式的字段值。请帮助，谢谢你。

更新：这是HTML的一部分

<div class="form-group">
        <input type="hidden" value="" id="style_id" name="style_id">
        <label>Title</label>
        <input type="text" id="style_name" name="style_name" placeholder="Style Name" class="form-control style_name">        <div style="display:none" id="Styles_style_name_em_" class="errorMessage"></div>        <label style="display:none;" class="control-label title_error_msg" for="inputError"><i class="fa fa-times-circle-o"></i> Please enter Style Name</label>
    </div>

在页面后加载的模态框上的Jquery验证

0 个答案: