Javascript 联系方式不发送电子邮件？

我有一个基本的联系方式，出于某种原因，它不会发送任何想法：

contact.html

    <ul class="contactform">
                    <li><label>Name </label><input type="text" id="namefield" name="contact_name" class="form_field contactInput required" /></li>
                    <li><label>Subject </label><input type="text" id="subjectfield" name="contact_subject" class="form_field contactInput required" /></li>
                    <li><label>Email </label><input type="text" id="emailfield" name="contact_email" class="form_field contactInput required email" /></li>
                    <li><label>Message </label><textarea  id="messagefield" name="contact_message " class="contactInput required"></textarea></li>
                    <li><button id="sendMessage" class="btn"><i class="icon-mail-2"></i> Send Message</button></li>
                </ul>

---

编辑：格式化代码，使其易于理解。谢谢所有回答的人。删除链接，因为它是不允许的，并且没有帮助，因为它是死胡同

您正在将表单数据发布到

而且这个url不存在

如果路径正确或服务器中缺少此文件，请检查中的第46行

url: "php/mainHandler.php"

---

控制台中出现错误：控制台中找不到404邮件我现在没有收到404错误，因为它丢失了，所以我将其添加到第46行所有验证工作中，但电子邮件没有发送。我用更多的代码编辑了这个问题。你在浏览器中可以访问什么？这里是错误404：未找到。刚刚意识到它在js文件夹中，我已修复了它给出的错误，但它仍然不会发送电子邮件。因此，在main.js第46行中更改了js/php/mainHandler.php。现在我收到了您发送的js邮件，并清除了字段。但电子邮件实际上并没有送达。

      $('#sendMessage').click(function(){    
        if(validateInput()){
            sendMail();
        }else
        {
            alert('Please fill all fields to send us message.');
        }
    });

        var validateInput = function(){
    var isValid = true;
    $('input, textarea').each(function(){
        if($(this).hasClass('required'))
        {
            if($(this).val()!=''){
                if($(this).hasClass('email'))
                {
                    var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
                    if(!emailReg.test($(this).val())){
                        isValid = false;
                        alert('Your email is not in valid format');
                    }
                }
            }else
            {
                isValid = false;
            }
        }
    });
    return isValid;
};

        var resetInput = function(){
    $('input, textarea').each(function() {
        $(this).val('').text('');
    });
};

var sendMail = function(){
    var params = {
        'action'    : 'SendMessage',
        'name'      : $('[name=contact_name]').val(),
        'email'     : $('[name=contact_email]').val(),
        'subject'   : $('[name=contact_subject]').val(),
        'message'   : $('[name=contact_message]').val()
    };
    $.ajax({
        type: "POST",
        url: "php/mainHandler.php",
        data: params,
        success: function(response){
            if(response){
                var responseObj = jQuery.parseJSON(response);
                if(responseObj.ResponseData)
                    $('label.sendingStatus').text(responseObj.ResponseData);
                    showMessage('Your message was sent. Thank you!');

            }
            resetInput();
            $('#sendMail').removeAttr('disabled');
        },
        error: function (xhr, ajaxOptions, thrownError){
            //xhr.status : 404, 303, 501...
            var error = null;
            switch(xhr.status)
            {
                case "301":
                    error = "Redirection Error!";
                    break;
                case "307":
                    error = "Error, temporary server redirection!";
                    break;
                case "400":
                    error = "Bad request!";
                    break;
                case "404":
                    error = "Page not found!";
                    break;
                case "500":
                    error = "Server is currently unavailable!";
                    break;
                default:
                    error ="Unespected error, please try again later.";
            }
            if(error){
                $('label.sendingStatus').text(error);
            }
        }
    });
        };

url: "php/mainHandler.php"