在同一页面中处理多个表单

Kleber Mota 发表于 Dev

克莱伯·莫塔（Kleber Mota）

如果我在项目的某个页面中有类似的内容：

<div class="dialog" title="Basic dialog" id="popup">
    <div class="text"> </div>
</div>

<c:url value="/${entity}/cadastra" var="cadastra"/>
<form:form method="POST" action="${cadastra}" class="form" enctype="multipart/form-data">
...
    <button type="submit" class="btn btn-lg btn-primary">cadastrar</button>
</form:form>

提交事件由以下代码处理：

$('form.form').ajaxForm(function(data) {
    if(data == '')
        $('#yes').css('display', 'block');
    else
        $('#not').css('display', 'block');

    $('<<element>>').each(function(){
        this.reset();
    });
});

任何人都知道<>的值是什么，如果我只想重置提交表单中的字段，而我可以在内部创建一个具有相同类的新表单div.dialog呢？

如果我使用form.form这两种形式都将重置，并且如果使用this，则会出现错误。有什么解决办法吗？

查理

每当不确定如何访问插件中的元素时，您都可以始终在each循环中单独初始化它们。

其中each this将是元素实例，您可以将其存储为变量以传递到插件中。

$('form.form').each(function () {
    /* assign "this" to variable that can be used inside plugin */
    var form = this;
    $(form).ajaxForm(function (data) {
        if (data == '') {
            $('#yes').css('display', 'block');
        } else {
            $('#not').css('display', 'block');
        }
        form.reset();
    });
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。