Javascript 在提交按钮中显示发送电子邮件状态

我有一个联系我们表单，我想在提交按钮文本中显示发送电子邮件的状态

下面是一个场景

当用户提交按钮时（假设验证都是真的。我使用JS进行验证），将文本更改为提交

发送邮件时，将文本更改为“已提交”或“成功”

如果出现错误，请显示错误并重试

在螺母外壳中，SUBMIT按钮的文本应更改为以下内容 提交-->提交（如果验证为真）--->提交（如果成功）或错误重试（如果错误）

我正在使用C#代码（在这里）

公共部分类联系人：System.Web.UI.Page
{
[网络方法]
[脚本方法]
公共静态字符串邮件发送（字符串名称、字符串电子邮件、字符串电话、字符串质量、字符串服务）
{
字符串s=“”；
尝试
{
MailMessage msg=新的MailMessage（）；
msg.From=“From-some-id.com”；
msg.To=“To-some-id.com”；
msg.Priority=MailPriority.Normal；
msg.Subject=“网站查询”；
StringBuilder sbgroup=新建StringBuilder（）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“询价”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“网站查询”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.Append（“您已收到来自以下网站的查询，请参阅发件人的详细信息”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.附加（“名称”）；
sbgroup.Append（“：”）；
sbgroup.Append（“+name+”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.Append（“电子邮件ID”）；
sbgroup.Append（“：”）；
sbgroup.Append（“+email+”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“电话”）；
sbgroup.Append（“：”）；
sbgroup.Append（“+phone+”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.Append（“消息”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
追加（“+massg+”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.Append（“注：我们检测到此查询已从IP地址发送：”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
sbgroup.追加（“”）；
public partial class contact : System.Web.UI.Page
{

[WebMethod]
[ScriptMethod]
public static string mailsend(string name, string email, string phone, string massg, string service)
{
    string s = "";
    try
    {
                     MailMessage msg = new MailMessage();
                     msg.From = "from-some-id.com";
                     msg.To = "to-some-id.com";

                     msg.Priority = MailPriority.Normal;
                     msg.Subject = "Enquiry from Website";
                     StringBuilder sbgroup = new StringBuilder();
                     sbgroup.Append("<table width='650' border='0' cellpadding='0' cellspacing='0' bgcolor='#F2F2F2'>");
                     sbgroup.Append("<tr>");
                     sbgroup.Append("<td style='padding:5px 10px;' width='32'><span class='style7'></span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;' width='180'><span class='style7'></span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;' width=11><span class=style7></span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;' width='380'><span class='style7'></span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;' width='35'><span class='style7'></span></td>");
                     sbgroup.Append("</tr>");
                     sbgroup.Append("<tr>");
                     sbgroup.Append("<td style='padding:5px 10px;'><span class='style7'></span></td>");
                     sbgroup.Append(" <td style='padding:5px 10px;'><img src='http://yoursite.com/images/logo45.png' width='180' height='100' /></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'><span class='style7'></span></td>");

                     sbgroup.Append("<td style='padding:5px 10px;' class='style3'><h1 align='right' class='style4'>Enquiry</h1></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'><span class='style7'></span></td>");
                     sbgroup.Append("</tr>");

                     sbgroup.Append("<tr>");
                     sbgroup.Append("<td style='padding:5px 10px;'><span class='style7'></span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;' colspan='3' bgcolor='#676767'><span style='font-family: sans-serif;font-size: 16px;font-weight: bold;    color:#ffac28;'>Enquiry From  Website</span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'><span class='style7'></span></td>");
                     sbgroup.Append("</tr>");
                     sbgroup.Append("<tr>");
                     sbgroup.Append("<td style='padding:5px 10px;' height='10'></td>");
                     sbgroup.Append("<td style='padding:5px 10px;' colspan='3' height='10'></td>");
                     sbgroup.Append("<td style='padding:5px 10px;' height='10'></td>");
                     sbgroup.Append("</tr>");
                     sbgroup.Append("<tr>");
                     sbgroup.Append("<td style='padding:5px 10px;'><span class='style7'></span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;' colspan='3'><span class='style6'>You have received an Enquiry from website  Below are the details of the sender</span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'><span class='style7'></span></td>");
                     sbgroup.Append("</tr>");

                     sbgroup.Append("<tr>");
                     sbgroup.Append("<td style='padding:5px 10px;' height='10'><span class='style7'></span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;' height='10'><span class='style7'></span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;' height='10'><span class='style7'></span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;' height='10'><span class='style7'></span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;' height='10'><span class='style7'></span></td>");
                     sbgroup.Append("</tr>");
                     sbgroup.Append("<tr>");
                     sbgroup.Append("<td style='padding:5px 10px;'><span class='style7'></span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;' style='border-bottom:1px solid #ccc;'><span class='style6'>Name</span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;' style='border-bottom:1px solid #ccc;'><span class='style7'>:</span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;' style='border-bottom:1px solid #ccc;'><span class='style7'>" + name + "</span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'><span class='style7'></span></td>");
                     sbgroup.Append("</tr>");
                     sbgroup.Append("<tr>");
                     sbgroup.Append("<td style='padding:5px 10px;'><span class='style7'></span></td>");

                     sbgroup.Append("<td style='padding:5px 10px;' style='border-bottom:1px solid #ccc;'><span class='style6'>Email ID</span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;' style='border-bottom:1px solid #ccc;'><span class='style7'>:</span></td>");

                     sbgroup.Append("<td style='padding:5px 10px;' style='border-bottom:1px solid #ccc;'><span class='style7'>" + email + "</span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'><span class='style7'></span></td>");
                     sbgroup.Append("</tr>");
                     sbgroup.Append("<tr>");
                     sbgroup.Append("<td style='padding:5px 10px;'><span class='style7'></span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;' style='border-bottom:1px solid #ccc;'><span class='style6'>Phone</span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;' style='border-bottom:1px solid #ccc;'><span class='style7'>:</span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;' style='border-bottom:1px solid #ccc;'><span class='style7'>" + phone + "</span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'><span class='style7'></span></td>");
                     sbgroup.Append("</tr>");
                     sbgroup.Append("<tr>");
                     sbgroup.Append("<td style='padding:5px 10px;'></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'></td>");
                     sbgroup.Append("</tr>");
                     sbgroup.Append("<tr>");
                     sbgroup.Append("<td style='padding:5px 10px;'><span class='style7'></span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'><span class='style6'>Message</span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'><span class='style7'></span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'><span class='style7'></span></td>");
                     sbgroup.Append("<td><span class='style7'></span></td>");
                     sbgroup.Append("</tr>");
                     sbgroup.Append("<tr>");
                     sbgroup.Append("<td style='padding:5px 10px;'><span class='style7'></span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;' colspan='3' bgcolor='#e0e0e6' style='padding:20px 10px;'><span class='style7'>" + massg + "</span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'><span class='style7'></span></td>");
                     sbgroup.Append("</tr>");
                     sbgroup.Append("<tr>");
                     sbgroup.Append("<td style='padding:5px 10px;'></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'></td>");

                     sbgroup.Append("<td style='padding:5px 10px;'></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'></td>");
                     sbgroup.Append("</tr>");
                     sbgroup.Append("<tr>");
                     sbgroup.Append("<td style='padding:5px 10px;'></td>");
                     sbgroup.Append("<td style='padding:5px 10px;' colspan='3'><span class='style9'>Note : We have detected that this enquiry has been send from IP address :</span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'></td>");
                     sbgroup.Append("</tr>");
                     sbgroup.Append("<tr>");
                     sbgroup.Append("<td style='padding:5px 10px;'></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'></td>");
                     sbgroup.Append("</tr>");
                     sbgroup.Append("<tr>");
                     sbgroup.Append("<td style='padding:5px 10px;'></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'></td>");
                     sbgroup.Append("</tr>");
                     sbgroup.Append("<tr>");
                     sbgroup.Append("<td style='padding:5px 10px;'><span class='style7'></span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'><span class='style7'></span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'><span class='style7'></span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'><span class='style7'></span></td>");
                     sbgroup.Append("<td style='padding:5px 10px;'><span class='style7'></span></td>");
                     sbgroup.Append("</tr></table>");
                     msg.BodyFormat = MailFormat.Html;

                     msg.Body = sbgroup.ToString();
                    // SmtpMail.SmtpServer = "relay-hosting.secureserver.net";
                     SmtpMail.SmtpServer = "dedrelay.secureserver.net";
                     SmtpMail.Send(msg);

                     return "Success";


    }
    catch (Exception er)
    {
        return  "fail";
    }

}