Question

我有一个像这样简单的表格：

<form>
    <fieldset>
        <label class="col-md-4">quantity</label>
        <input id="qta" type="text" data-validate="required,number">
    </fieldset>
    <fieldset class='form-group col-md-6'>
        <label class='col-md-4'>price</label>
        <input id='price' type='text' data-validate='required'>
    </fieldset>
    <input type='submit' value='insert'>
</form>

如果此表单作为ajax响应在页面中加载，则通知不起作用，为什么？

在简单的.php页面（没有ajax调用）通知中键入表单标签之间的所有内容效果很好我应该更改ajax通话设置吗？这是一个ajax呼叫问题吗？

感谢所有

Answer 1

通常，当你的ajax响应返回时，你应该触发通知

$.post(
    urlPath,
    function(response) {
        if (// check response validity) {
            noty({
                // your notify configuration
            });
        }
    }
);

Answer 2

所以..问题是：在ajax调用后访问dom元素？

我指的是： Accessing DOM object after AJAX call?

在我的情况下，ajax调用将<html> <head> <title>test</title> <style> .darkerBG { background: #282828; } .lighterBG { background: white; } </style> </head> <body class="darkerBG" id="bdbackground"> <script language="javascript" type="text/javascript"> function changeColor() { var bdBackground = document.getElementById('bdbackground').class; if (document.getElementById('bdbackground').class == 'darkerBG') { document.getElementById('bdbackground').class == 'lighterBG'; } else if (document.getElementById('bdbackground').class == 'lighterBG') { document.getElementById('bdbackground').class = 'darkerBG'; } } </script> <input type="button" class="button" value="test" onclick="changeColor()"> </body> </html>内容附加到表单标记中，如我昨天发布的那样，包括输入提交。点击一下，应该启动一个notify.js数据验证（例如，data-validate = ex。），但没有。

根据你的说法，我可以直接触发通知到ajax $ .post {...}，但在这种情况下我不会自定义验证/通知（例如，必需，数字，字符串...）和它们应该在没有更多代码输入的情况下开始..

我该怎么办？

THKS

notify.js不适用于ajax响应元素

2 个答案: