Question

嗨，我对JavaScript很新，我想知道如何在验证后发送电子邮件中的详细信息，这是我的代码

<script type="text/javascript"> 

 var compName=false;
 var compContry=false;
 var compsub=false;
 var compphone=false;
 var compemail=false;


function validate_form(form)
{
    if(compName)
    {
        document.getElementById('country').focus();
        compName=true;
        if(compContry)
        {
            document.getElementById('subject').focus();
            compContry=true;
            if(compsub)
            {
                document.getElementById('Phone').focus();
                compsub=true;
                if(compphone)
                {
                    document.getElementById('email').focus();
                    compphone=true;
                    if(compemail)
                    {

                        //I just use alert to show it works. 
                        alert("Your Details Are Sent ");
                        compemail=true;
                    }
                    else
                    {
                        document.getElementById('email').focus();
                        compemail=false;
                    }
                }
                else
                {
                    document.getElementById('Phone').focus();
                    compphone=false;
                }
            }
            else
            {
                document.getElementById('subject').focus();
                compsub=false;
            }
        }
        else
        {
            document.getElementById('country').focus();
            compContry=false;
        }
    }
    else
    {
        document.getElementById('username').focus();
        compName=false;
    }

}

Answer 1

您需要某种服务器端脚本来发送电子邮件。

Answer 2

通过验证后，您可以像这样提交表单

document.formname.submit();

在你的情况下，这将在你的功能结束时

if (comP... == true) {
   form.submit();
}

Answer 3

你可以添加return false;如果你使用cutom js，在每次验证后例如

var first_name = $("#first_name");
        if(!$.trim(first_name.val()).length) {
            first_name.closest('.form-group').removeClass('has-success').addClass('has-error');
            return false;
        }else{
            first_name.closest('.form-group').removeClass('has-error').addClass('has-success'); 
        }

return false将停止提交按钮，直到表单未填写为止。

freelancer

验证后发送电子邮件

3 个答案: