Czy mogę <przycisk> nie przesyłać formularza?

Mam formularz z 2 przyciskami

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

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

Używam na nich również przycisku jQuery UI, po prostu tak

$('button').button();

Jednak pierwszy przycisk również przesyła formularz. Myślałbym, że gdyby nie miał type="submit", nie zrobiłby tego.

Oczywiście mógłbym to zrobić

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

Ale czy jest jakiś sposób, aby powstrzymać ten przycisk powrotu przed przesłaniem formularza bez interwencji JavaScript?

Szczerze mówiąc, użyłem tylko przycisku, aby móc stylizować go za pomocą interfejsu użytkownika jQuery. Próbowałem wywołać button()link i nie działało to zgodnie z oczekiwaniami (wyglądało dość brzydko!).

Domyślna wartość typeatrybutu buttonelementów to „prześlij”. Ustaw go, aby type="button"wyświetlał przycisk, który nie przesyła formularza.

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

Słowami standardu HTML : „Nic nie robi”.

buttonElementem ma typ domyślny submit.

Możesz sprawić, że nic nie zrobisz, ustawiając typ button:

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

Po prostu użyj starego dobrego HTML:

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

Jeśli chcesz, zapakuj go jako temat linku:

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

Lub jeśli zdecydujesz, że chcesz, aby javascript zapewniał inne funkcje:

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

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

Szczerze, podobają mi się inne odpowiedzi. Łatwo i nie trzeba wchodzić do JS. Ale zauważyłem, że pytasz o jQuery. Tak więc ze względu na kompletność, w jQuery, jeśli zwrócisz false za pomocą procedury obsługi .click (), spowoduje to zanegowanie domyślnej akcji widgetu.

Zobacz tutaj przykład (i więcej gadżetów). Oto także dokumentacja .

w skrócie, z przykładowym kodem, wykonaj następujące czynności:

<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>

Dodatkową korzyścią jest to, że możesz pozbyć się tagu kotwicy i po prostu użyć przycisku.

Bez ustawiania typeatrybutu można również powrócić falsez programu OnClickobsługi i zadeklarować onclickatrybut jako onclick="return onBtnClick(event)".

Tak, możesz sprawić, że przycisk nie prześle formularza, dodając atrybut typu wartość przycisku: <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
        }
        }

        ?>