javascript - 将联系表单添加到 jQuery 模式 (fallr)

Question

我对 javascript 和 jQuery 还很陌生，但我正在慢慢掌握它。不幸的是，我真的需要让我的网站启动并运行，并且正在努力建立我的联系表格。

我下载了名为 Fallr 的 jQuery 插件（http://codecanyon.net/item/fallr-simple-elegant-modal-box-jquery-plugin/372581），它创建了非常适合我的联系表格的弹出“模态”框。

我真的很难弄清楚表单在其中的工作方式。提供了登录表单的代码，我一直在尝试将其修改为联系表单，但我感到非常困惑。js代码：

                var login = function(){
                var user = $(this).children('form').children('input[type="text"]').val();
                var pass = $(this).children('form').children('input[type="text"]').val();
                var pass = $(this).children('form').children('input[type="text"]').val();

                if(user.length < 1 || pass.length < 1){
                    alert('Invalid!\nPlease fill all required forms');
                } else {
                    alert('username: '+user+'\npassword: '+pass);
                    $.fallr('hide');
                }
            }

            $.fallr('show', {
                icon        : 'mail',
                width       : '600px',
                content     : '<h4>contact me!</h4>'
                            + '<form>'
                            +     '<input placeholder="email" type="text"/'+'>'
                            +     '<input placeholder="subject" type="text"/'+'>'
                            +     '<input placeholder="message" type="text"/'+'>'
                            + '</form>',
                position : 'center',
                buttons : {
                    button1 : {text: 'Send :)', onclick: login},
                    button4 : {text: 'Cancel'}
                },
            }); 

我设置了一个 PHP 联系人文件。我只想让第三个文本字段更大，并在单击发送按钮时将其发送到联系人文件。我确信我可以以某种方式解决警报和验证。

Answer 1

1. 在您的登录功能this中将是 onclick 事件或按钮（谁知道呢，它是 javascript！）
2. 将 ID 添加到您的输入，并将操作、方法和 ID 添加到您的表单

3. 提交

   var login = function(){
       # These are only used for client-side validation
       var user = $('#email').val();
       var subject = $('#subject').val();
       var message = $('#message').val();
   
       # This is where the validation occurs
       if(user.length < 1 || message.length < 1){
           alert('Invalid!\nPlease fill all required forms');
       # If the form passes validation, submit it.
       } else {
           alert('username: '+user+'\nsubject: '+subject);
           # This submits the form 
           # using the action and method attributes of the form
           $('#contactForm').submit();
           $.fallr('hide');
       }
   
   $.fallr('show', {
       icon        : 'mail',
       width       : '600px',
       content     : '<h4>contact me!</h4>'
                   # submit.php is the relative url of your script
                   + '<form id="contactForm" action="submit.php" method="post">'
                   +     '<input id="email" placeholder="email" type="text"/'+'>'
                   +     '<input id="subject" placeholder="subject" type="text"/'+'>'
                   +     '<input id="message" placeholder="message" type="text"/'+'>'
                   + '</form>',
       position : 'center',
       buttons : {
           button1 : {text: 'Send :)', onclick: login},
           button4 : {text: 'Cancel'}
       },
   });