相关疑难解决方法(0)

我有一张表格.在那个表格之外,我有一个按钮.一个简单的按钮,如下所示:

<button>My Button</button>

然而,当我点击它时,它会提交表单.这是代码:

<form id="myform">
    <input />
</form>
<button>My Button</button>

所有这个按钮应该是一些JavaScript.但即使它看起来像上面的代码,它提交表单.当我将标签按钮更改为span时,它可以完美地工作.但不幸的是,它需要成为一个按钮.有没有办法阻止该按钮提交表单？比如说

<button onclick="document.getElementById('myform').doNotSubmit();">My Button</button>

我正在阅读滑块的官方演示页面中的代码:http://jqueryui.com/demos/slider/我想知道为什么<a>标签用于处理？为什么不<div>呢？

<div class="demo">

<div id="slider" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
    <a class="ui-slider-handle ui-state-default ui-corner-all ui-state-hover" href="#" style="left: 19%; ">
    </a>
</div>

</div>

我有一个用户可以上传图像的组件,我还想添加一个删除图像的功能.我添加了一个删除当前图像的按钮,但问题是表单也提交了,我想避免这种情况.我只需删除当前图像(如果存在).这是脚本:

<template>
    <div class="Image-input">
        <div class="Image-input__input-wrapper">
            <h2>+</h2>
            <input @change="previewThumbnail" class="Image-input__input" name="image" type="file">
        </div>

        <div class="Image-input__image-wrapper">
            <i v-show="! imageSrc" class="icon fa fa-picture-o"></i>
            <img v-show="imageSrc" class="Image-input__image" :src="imageSrc">
            <button v-show="imageSrc" @click="removeImage">Remove image</button>
        </div>
    </div>
</template>
<script>
export default {

  props: ['imageSrc'],

  methods: {
    previewThumbnail: function(event) {
      var input = event.target;

      if (input.files && input.files[0]) {
        var reader = new FileReader();

        var vm = this;

        reader.onload = function(e) {
          vm.imageSrc = e.target.result;
        }

        reader.readAsDataURL(input.files[0]);
      }
    },
    removeImage: function removeImage(e) {
        this.imageSrc = '';
    } …

有人能告诉我是什么导致$ .ajax'POST'请求导致完整的回发后(整页刷新)？

我在ASP.NET MVC上下文中使用$ .ajax'POST' ,其中视图通过$ .ajax'POST'请求调用控制器方法(返回JSON结果).

代码如下.

// View.
<button id="save" onclick="saveClick()" />

// View.
<script type="text/javascript">

    function saveClick() {
        if (!$("form").valid()) {
            return false;
        }

        $.ajax({
            url: '@Url.Action(@MVC.Ticket.ActionNames.SaveTicket, @MVC.Ticket.Name)'
            type: 'POST',
            data: JSON.stringify(getJsonTicket()),
            dataType: 'json',
            contentType: "application/json",
            cache: false,
            success: function(data) {
                alert(data.SaveResult);
            }
        });

        return true;
    }

    function getJsonTicket() {
        ...
    }

</script>

// Controller action.
public virtual JsonResult SaveTicket(Ticket newTicket)
{
    try
    {
        TicketManager.SaveTicket(newTicket);
        return Json(new CreateTicketViewModel {SaveResult = "success"});
    }
    catch …

<button>直到今天我都不知道这个标签.

我尝试用onclick事件制作一个带有javascript的计算器我想要按钮的值来转换输入文本框.当我在文本框中简单地将代码的值写入代码时,它会立即消失.

我使用的代码可以在本文下面找到,我做错了什么.
HTML:

    var iGetal = 0;
    function GetalRekenmachine()
    {
        iGetal = iGetal + 1;
        document.getElementById("Display").value = iGetal;
    }

 <button id="Cijfer7" value="7" onclick="GetalRekenmachine()">7</button>
    <input type="text" id="Display"/>
    


    

我有一个输入文本,在离子页脚内有两个按钮.一个按钮附加到表单提交.但是,如果我点击另一个按钮,它也会触发提交按钮.

代码如下:

<ion-footer padding>
    <form [formGroup]="chatForm" (ngSubmit)="sendChatMessage()">
        <button ion-button (click)="listenForSpeech()" clear><ion-icon name="microphone" isActive={{microphoneActive}} style="zoom:1.0;"></ion-icon></button>
        <ion-input type="text" #sendInput formControlName="messageInput" placeholder="start typing..."></ion-input>
        <ion-buttons end>
            <button ion-button clear type="submit" [disabled]="chatForm.controls['messageInput'].value === ''"><ion-icon name="ios-send" style="zoom:2.0;"></ion-icon></button>
        </ion-buttons>
    </form>
</ion-footer>

所以在这种情况下如果我点击麦克风按钮,我也会看到sendChatMessage()被激活.