如何使用parsley.js提交表单？

Question

我已经完成验证工作，并且该消息出现在Submit上，但是该页面似乎没有处理表单/刷新。 否则我认为我很好！

这是我的HTML：

<form  parsley-validate id="frmContact" action="<?php echo $_SERVER['PHP_SELF']; ?>"                           method="POST">
<p>
<label for="yourName">name</label>
<input id="yourName" parsley-required="true" parsley-mincheck="2" parsley-focus="first"  type="text" name="name" class="required textArea" placeholder="Please enter your full name"/>
</p>

<p>
<label for="email" >Email</label> 
<input id="email" data-trigger="change" parsley-required="true" parsley-type="email"  type="email" name="email" class="textArea" placeholder="Please enter your email address"/>
</p>

<p>
<label for="comments">Comments</label> 
<textarea id="comments" data-trigger="change" required data-required="true" name="comments"  class="textArea" title="Message field!"/>
</textarea>
</p>

<p>
<input type="submit" class="submit myButtons submitButton specificLink button button-block button-rounded button-large" name="submit" value="Submit" placeholder="">
</p>

<div id="results" class="results" style="text-align:center;">
<span>
<p class="success">Your message was sent succssfully!<br> I will be in touch as soon as I can.
</p>
</span>
</div>
</form>

JS / jQuery的：

var dd= $.noConflict();

dd(function() { 
  dd(":text:first").focus();
    dd(".success").hide();
      dd('#frmContact').submit(function(e) { 
          e.preventDefault();
          if ( dd(this).parsley('validate') ) {
              dd.post("index.php",  dd(".success").show());       
          }
    });
}); 

Answer 1

尝试将dd(this).parsley('validate')替换为true和false以消除问题中的parsley.js 。

然后，您可能会注意到e.preventDefault(); 不能按您希望的那样工作。 有关更多详细信息，请参见此答案 。

试试这个代替你的代码：

dd(function() { 
  dd(":text:first").focus();
  dd(".success").hide();
  dd('#frmContact').submit(function(e) { 
    if ( dd(this).parsley('validate')) {
      dd.post("index.php",  dd(".success").show());       
    }
    return false;
  });
});

这是一个小提琴 。