JQuery insertBefore生成重复项而不是更新它

时间:2016-10-29 20:35:21

标签: javascript jquery html

所以我想快速创建一个简单安全的联系表单,所以我只是用Google搜索并找到了template 并尝试将其与我的代码合并:

<article>
<div id='errord'></div>
<div id="wrap">
    <form id="contactform" action="processForm.php" method="post">
        <input placeholder="نام" type="text" id="name" name="name" />
        <input placeholder="ایمیل" type="text" id="email" name="email" />
        <textarea placeholder="پیام شما" id="message" name="message" rows="5" cols="20"></textarea>
        <input class="btn btn-success" type="submit" value="ارسال" id="send" /> 
    </form>
    <div id="response"></div>
</div>

但是Icant让它工作,它的表单有一个验证,显示错误,如填充输入或电子邮件fomat错误,在原始形式它工作得很好,但在mu代码(HTML编辑不想要表的东西)intead更新mesaages它只是插入更多错误说错误几次,我的意思是,错误代码

js code更新了错误消息:

  $('#contactform').validate({
    // Specify what the errors should look like
    // when they are dynamically added to the form
    errorElement: "p",
    errorPlacement: function(error, element) {
        error.insertBefore( element.parent() );
        error.wrap("<div class='error' id='errord'></div>");        
    }
it's a part of a bigger function ... (slightly modified)

我尝试了不同的approches,但是我无法使用html和css 100%运行,但从未尝试过高级的js。

由于

0 个答案:

没有答案