我应该使用什么Meteor事件处理程序进行onchange表单提交

时间:2016-01-02 09:37:52

标签: javascript meteor

我有一个html表单,我想在没有提交按钮的情况下提交。我应该使用什么样的事件听众?谢谢!

editProfile.html

<form class="edit-profile" enctype="multipart/form-data">
    Upload Profile Image: 
    <Input type="file" name="profileImage" id="profileImage" onchange="this.form.submit()">
    <br>

</form>

editProfile.js

    Template.editProfile.events({
        "change .edit-profile": function(event){
            console.log("works");
}
});

2 个答案:

答案 0 :(得分:1)

它应该与submit form一起使用,或者使用它的类,如:

Template.editProfile.events({
  "submit .edit-profile": function(event){
    console.log("works");
  }
});

答案 1 :(得分:0)

经过大量研究后,我通过仍然有一个按钮但是隐藏它并通过onchange触发来解决它

editProfile.html

<form class="edit-profile" enctype="multipart/form-data">
 Upload Profile Image: 
 <Input type="file" name="profileImage" id="profileImage" onchange="document.getElementById('theSubmitButton').click();">
 <br>
 <input type="submit" id="theSubmitButton" style="display: none;" value="Upload file">
</form>

editProfile.js

Template.editProfile.events({
  "submit .edit-profile": function(event){
    console.log("works");
  }
});
相关问题