Javascript 1按钮2功能

我有一个与表单冲突的问题。我的想法是，我需要将表单字段中的数据存储在一个带有Javascript本地存储的表中，并且我需要使用PHP的相同按钮同时发送电子邮件。当我尝试它时，要么按钮实现表，要么它发送邮件。这取决于箭头内动作的位置。这是我的密码：

var触点={
索引：window.localStorage.getItem（“联系人：索引”），
$table:document.getElementById（“联系人表”），
$form:document.getElementById（“联系人表单”），
$button_save:document.getElementById（“联系人操作保存”），
$button_discard:document.getElementById（“联系人op discard”），
init:function（）{
//初始化存储索引
如果（！Contacts.index）{
window.localStorage.setItem（“Contacts:index”，Contacts.index=1）；
}
//初始化表单
联系人。$form.reset（）；
Contacts.$button_discard.addEventListener（“单击”），函数（事件）{
联系人。$form.reset（）；
联系人。$form.id\u entry.value=0；
}，对）；
联系人.$form.addEventListener（“提交”），功能（事件）{
变量项={
id:parseInt（this.id\u entry.value），
first\u name:this.first\u name.value，
last_name:this.last_name.value，
公司：这个公司价值，
地址：this.address.value，
城市：这个。城市。价值，
zip:this.zip.value，
state:this.state.value，
国家：this.country.value，
电话：this.phone.value，
电子邮件：this.email.value，
接触的性质：this.nature\u of\u contact.value，
};
如果（entry.id==0）{//add
Contacts.storeAdd（条目）；
联系人。表格添加（条目）；
}
else{//edit
Contacts.storeEdit（条目）；
联系人。表格编辑（条目）；
}
这是reset（）；
this.id_entry.value=0；
event.preventDefault（）；
}，对）；
//初始化表
if（window.localStorage.length-1）{
var contacts_list=[]，i，键；
对于（i=0；ib.id-1:0）；
})
.forEach（Contacts.tableAdd）；
}
}
Contacts.$table.addEventListener（“单击”），函数（事件）{
var op=event.target.getAttribute（“数据op”）；
如果（/edit | remove/.test（op））{
var entry=JSON.parse（window.localStorage.getItem（“联系人：”+event.target.getAttribute（“数据id”）））；
如果（op==“编辑”）{
联系人。$form.first\u name.value=entry.first\u name；
联系人。$form.last_name.value=entry.last_name；
联系人。$form.company.value=entry.company；
联系人。$form.address.value=entry.address；
联系人。$form.city.value=entry.city；
联系人。$form.zip.value=entry.zip；
联系人。$form.state.value=entry.state；
联系人。$form.country.value=entry.country；
联系人。$form.phone.value=entry.phone；
联系人。$form.email.value=entry.email；
联系人。$form.nature\u of_contact.value=entry.nature\u of_contact；
联系人。$form.id\u entry.value=entry.id；
}
否则如果（op==“删除”）{
如果（确认（'您确定要从您的联系人中删除“'+entry.first\u name+''+entry.last\u name+”））{
联系人。删除（条目）；
联系人。表格删除（条目）；
}
}
event.preventDefault（）；
}
}，对）；
},
storeAdd:函数（条目）{
entry.id=Contacts.index；
setItem（“Contacts:index”，++Contacts.index）；
setItem（“联系人：+entry.id，JSON.stringify（entry））；
},
storeEdit:函数（条目）{
setItem（“联系人：+entry.id，JSON.stringify（entry））；
},
storeRemove:函数（条目）{
window.localStorage.removietem（“联系人：+entry.id”）；
},
tableAdd:函数（条目）{
var$tr=document.createElement（“tr”），$td，key；
用于（输入项）{
if（条目.hasOwnProperty（键））{
$td=document.createElement（“td”）；
$td.appendChild（document.createTextNode（条目[key]）；
$tr.appendChild（$td）；
}
}
$td=document.createElement（“td”）；
$td.innerHTML='Edit | Remove'；
$tr.appendChild（$td）；
$tr.setAttribute（“id”、“条目-”+entry.id）；
联系人：$table.appendChild（$tr）；
},
tableEdit:函数（条目）{
var$tr=document.getElementById（“entry-”+entry.id），$td，key；
$tr.innerHTML=“”；
用于（输入项）{
if（条目.hasOwnProperty（键））{
$td=document.createElement（“td”）；
$td.appendChild（document.createTextNode（条目[key]）；
$tr.appendChild（$td）；
}
}
$td=document.createElement（“td”）；
$td.innerHTML='Edit | Remove'；
$tr.appendChild（$td）；
},
tableRemove:函数（条目）{
Contacts.$table.removeChild（document.getElementById（“entry-”+entry.id））；
}
};
Contacts.init（）；

名字：
姓氏：
公司：
地址:
城市：
Contacts.$button_save.addEventListener("click", function(event) {
    event.preventDefault();
    var entry = {
        id: parseInt(Contacts.$form.id_entry.value),
        first_name: Contacts.$form.first_name.value,
        last_name: Contacts.$form.last_name.value,
   // and so on

<button id="contacts-op-save">Save</button>

      storeAdd: function(entry) {
        entry.id = Contacts.index;
        window.localStorage.setItem("Contacts:index", ++Contacts.index);
        window.localStorage.setItem("Contacts:"+ entry.id, JSON.stringify(entry));
        Contacts.$form.submit();
      },
      storeEdit: function(entry) {
        window.localStorage.setItem("Contacts:"+ entry.id, JSON.stringify(entry));
        Contacts.$form.submit();
      },
      storeRemove: function(entry) {
        window.localStorage.removeItem("Contacts:"+ entry.id);
        // eventually here too?
        Contacts.$form.submit();

      },

$form: document.getElementById("contacts-form")

<form id="contacts-form" action="mailer.php" method="post" class="onerow">