Javascript 将联系人表单添加到jQuery模式（fallr）

我对javascript和jQuery非常陌生，但我正在慢慢地掌握它。不幸的是，我真的需要让我的网站开始运行，我正在努力建立我的联系方式

我下载了名为Fallr的jQuery插件，它创建了弹出的“模态”框，这些框非常适合我的联系人表单

我只是在努力弄清楚表单在里面是如何工作的。提供了登录表单的代码，我一直试图将其修改为联系人表单，但我感到非常困惑。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联系人文件。我只想让第三个文本字段变大，并在单击“发送”按钮时将其发送到联系人文件。我相信我能以某种方式解决警报和验证问题

在您的登录函数中，这将是onclick事件或按钮，谁知道呢，这是javascript！ 在输入中添加id，在表单中添加操作、方法和id 提交

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'}
    },
}); 

---

好了，看来一切都正常了。所以，当我单击send时，它应该将其发送到我的php文件中？好的。因此，我有了新的代码，并在kayzar.com.au/linda上直播。如果你点击“静物”菜单项两个问题，一个问题是，即使字段填写得很完美，你也会收到一条错误消息；你必须点击它两次才能执行代码。非常感谢你的帮助！好的，我解决了错误消息问题。这似乎是我的php文件的一个问题。有什么建议可以在哪里找到合适的吗？不用担心。谢谢你的帮助！现在我有了一个表单，我只需要将它连接到一个php文件。PS：有没有关于需要点击两次打开表单的知识？