¿Puedo hacer que un <botón> no envíe un formulario?

Tengo un formulario con 2 botones

<a href="index.html"><button>Cancel changes</button></a>

<button type="submit">Submit</button>

También uso el botón de jQuery UI en ellos, simplemente así

$('button').button();

Sin embargo, el primer botón también envía el formulario. Pensé que si no tuviera el type="submit", no lo tendría.

Obviamente podría hacer esto

$('button[type!=submit]').click(function(event) { event.stopPropagation(); });

Pero, ¿hay alguna forma de evitar que el botón Atrás envíe el formulario sin la intervención de JavaScript?

Para ser honesto, usé un botón solo para poder diseñarlo con jQuery UI. Intenté llamar button()al enlace y no funcionó como se esperaba (¡parecía bastante feo!).

El valor predeterminado para el typeatributo de buttonelementos es "enviar". Configúrelo type="button"para producir un botón que no envíe el formulario.

<button type="button">Submit</button>

En palabras del estándar HTML : "No hace nada".

El buttonelemento tiene un tipo predeterminado de submit.

Puede hacer que no haga nada estableciendo un tipo de button:

<button type="button">Cancel changes</button>

Solo usa un buen HTML antiguo:

<input type="button" value="Submit" />

Envuélvalo como tema de un enlace, si así lo desea:

<a href="http://somewhere.com"><input type="button" value="Submit" /></a>

O si decide que desea que JavaScript proporcione alguna otra funcionalidad:

<input type="button" value="Cancel" onclick="javascript: someFunctionThatCouldIncludeRedirect();"/>

<form onsubmit="return false;">
   ...
</form>

Sinceramente, me gustan las otras respuestas. Fácil y sin necesidad de entrar en JS. Pero noté que estabas preguntando por jQuery. Entonces, en aras de la integridad, en jQuery si devuelve false con el controlador .click (), negará la acción predeterminada del widget.

Ver aquí para un ejemplo (y más cosas, también). Aquí está la documentación también .

en pocas palabras, con su código de muestra, haga esto:

<script type="text/javascript">
    $('button[type!=submit]').click(function(){
        // code to cancel changes
        return false;
    });
</script>

<a href="index.html"><button>Cancel changes</button></a>
<button type="submit">Submit</button>

Como beneficio adicional, con esto, puede deshacerse de la etiqueta de anclaje y simplemente usar el botón.

Sin establecer el typeatributo, también podría regresar falsede su OnClickcontrolador y declarar el onclickatributo como onclick="return onBtnClick(event)".

Sí, puede hacer que un botón no envíe un formulario agregando un atributo de tipo de botón de valor: <button type="button"><button>

  <form class="form-horizontal" method="post">
        <div class="control-group">

            <input type="text" name="subject_code" id="inputEmail" placeholder="Subject Code">
        </div>
        <div class="control-group">
            <input type="text" class="span8" name="title" id="inputPassword" placeholder="Subject Title" required>
        </div>
        <div class="control-group">
            <input type="text" class="span1" name="unit" id="inputPassword" required>
        </div>
            <div class="control-group">
            <label class="control-label" for="inputPassword">Semester</label>
            <div class="controls">
                <select name="semester">
                    <option></option>
                    <option>1st</option>
                    <option>2nd</option>
                </select>
            </div>
        </div>

        <div class="control-group">
            <label class="control-label" for="inputPassword">Deskripsi</label>
            <div class="controls">
                    <textarea name="description" id="ckeditor_full"></textarea>
 <script>CKEDITOR.replace('ckeditor_full');</script>
            </div>
        </div>



        <div class="control-group">
        <div class="controls">

        <button name="save" type="submit" class="btn btn-info"><i class="icon-save"></i> Simpan</button>
        </div>
        </div>
        </form>

        <?php
        if (isset($_POST['save'])){
        $subject_code = $_POST['subject_code'];
        $title = $_POST['title'];
        $unit = $_POST['unit'];
        $description = $_POST['description'];
        $semester = $_POST['semester'];


        $query = mysql_query("select * from subject where subject_code = '$subject_code' ")or die(mysql_error());
        $count = mysql_num_rows($query);

        if ($count > 0){ ?>
        <script>
        alert('Data Sudah Ada');
        </script>
        <?php
        }else{
        mysql_query("insert into subject (subject_code,subject_title,description,unit,semester) values('$subject_code','$title','$description','$unit','$semester')")or die(mysql_error());


        mysql_query("insert into activity_log (date,username,action) values(NOW(),'$user_username','Add Subject $subject_code')")or die(mysql_error());


        ?>
        <script>
        window.location = "subjects.php";
        </script>
        <?php
        }
        }

        ?>