如何使用js更改自动响应中的行

时间:2015-03-11 20:03:01

标签: javascript jquery forms

我的自动回复问题是客户在我从我的网站提交表单时看到的。

页面有三种语言,自动回复中的“感谢信息”有三种语言。

但是,我尝试了不同的方法来使这三个不同的短语消息显示在三个不同的行上,但我还没有找到答案。现在消息看起来像这样:

Viestilähetetty!成功! Meddelandetärskickat! Olenyhteydessähetitiedot luettuani!我很快就会联系! Jagärikontaktsåfortsommöjligt!

我希望它是这样的:

  1. Viestilähetetty!
  2. 成功!
  3. Meddelandetärskickat!

  4. Olenyhteydessähetitiedot luettuani!

  5. 我会尽快与您联系!
  6. Jagärikontaktsåfortsommöjligt!
  7. 我在这里使用了一个nubered列表,但我只希望消息在不同的行中。 我尝试了/ n和不同的方法,但注意似乎正确地改变了行。这些自动回复在js文件上,称为TMform.js

    所有语言答案的js文件部分如下所示:

    form
                                .removeClass(opt.processingClass)
                                .addClass(opt.successClass)
    
    
                            modal.find('.modal-title').text('Viesti lähetetty! Success!  Meddelandet är skickat!')
                            modal.find('.modal-body').text('Olen yhteydessä heti tiedot luettuani!\r I will be in contact shortly!\r Jag är i kontakt så fort som möjligt!')
    
    
                            setTimeout(function(){
                                form
                                .removeClass(opt.successClass)
                                .trigger('reset')
                            },opt.successShowDelay)
                        }else{                          
                            modal.find('.modal-title').text('Error!')
                            modal.find('.modal-body').html(e)
    
                            form
    

    还有另一个文件以某种方式控制表单文件,名称为modal.js

    如果有人知道如何进行行更改并格式化显示消息的js文件,那将是一个很大的帮助。 通过填写一些数据并提交表格,可以轻松测试表格,然后看到我希望以不同方式显示的感谢信息。

1 个答案:

答案 0 :(得分:1)

假设您的.modal-body.modal-title类位于div上,则需要在div中添加<p>标记,而不是像这样设置文本:

$('.modal-title').append('<p>MESSAGE</p>');
$('.modal-body').append('<p>BODY</p>');