首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在提交时向Happy.js添加确认消息?

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

Stack Overflow用户
提问于 2013-12-15 09:24:04
回答 1查看 108关注 0票数 0

我正在使用Happy.js,并希望在用户成功填写表单时在提交按钮下方显示span/p元素中的一条消息。我有验证工作,但似乎不能钩住消息的显示。我在下面试过了,在不愉快的函数中!先谢谢你...

代码语言:javascript
复制
 <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();
            } 
        },
      });
  });
EN

回答 1

Stack Overflow用户

发布于 2013-12-15 09:29:32

试一试

代码语言:javascript
复制
    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();
        } 
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20590235

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档