如何在提交时向Happy.js添加确认消息

How do I add a confirmation message to Happy.js upon submit?

本文关键字:js 添加 确认 消息 Happy 提交      更新时间:2023-09-26

我正在使用Happy.js,希望在span/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>
  var dd= $.noConflict();
  dd(document).ready(function () {
    dd('.success').hide();
        dd('#frmContact').isHappy({
            fields: {
              // reference the field you're talking about, probably by `id`
              // but you could certainly do $('[name=name]') as well.
              '#yourName': {
                required: true,
                message: 'Might we inquire your name'
              },
              '#email': {
                required: true,
                message: 'How are we to reach you sans email??',
                test: happy.email // this can be *any* function that returns true or false
              },
              '#comments': {
                required: true,
                message: 'Please leave a message!',
              }
          },
        unHappy: function () {
            var yourName = dd('#yourName').val();
            var email = dd('#email').val();
            var comments = dd('#comments').val();
            if (yourName && email && comments == true){
                  dd('.success').show();
            } 
        },
      });
  });

试试

    function () {
    var yourName = dd('#yourName').val();
    var email = dd('#email').val();
    var comments = dd('#comments').val();
        if (yourName && email && comments == true){
            dd('#results').show();
            dd('.success').show();
        }