JSFiddle - React, Tailwind, and code Playground

by ysuper

HTML

<h2>
預防表單送出方式
</h2>

<!DOCTYPE html>
<html>
  <head>
    <title>檢驗表 - IQC進料檢驗</title>
    
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">
    
    
        <link href="/admin/static/bootstrap/bootstrap3/swatch/default/bootstrap.min.css?v=3.3.5" rel="stylesheet">
        
        <link href="/admin/static/bootstrap/bootstrap3/css/bootstrap-theme.min.css?v=3.3.5" rel="stylesheet">
        
        <link href="/admin/static/admin/css/bootstrap3/admin.css?v=1.1.1" rel="stylesheet">
        
        <style>
        body {
            padding-top: 4px;
        }
        </style>
    
     
  
    
  
  <link href="/admin/static/vendor/select2/select2.css?v=3.5.2" rel="stylesheet">
  <link href="/admin/static/vendor/select2/select2-bootstrap3.css?v=1.4.6" rel="stylesheet">
  <link href="/admin/static/vendor/bootstrap-daterangepicker/daterangepicker-bs3.css?v=1.3.22" rel="stylesheet">
  
  


<style>
  .form-group:nth-of-type(1) { /* create_user */
    display: none;
  }
  .form-group:nth-of-type(2) { /* create_time */
    display: none;
  }
  .form-group:nth-of-type(3) { /* update_user */
    display: none;
  }
  .form-group:nth-of-type(4) { /* update_time */
    display: none;
  }
  .form-group:nth-of-type(15) { /* all_size_table_json */
    display: none;
  }
  .form-group:nth-of-type(17) { /* key_size_table_json */
    display: none;
  }
  .form-group:nth-of-type(20) { /* result */
    display: none;
  }
  .btn.btn-default:nth-of-type(2) { /* Save and Add Another */
    display: none;
  }
</style>

    
    
  </head>
  <body>
    
    <div class="container">
      <nav class="navbar navbar-default" role="navigation">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button...

JavaScript

$( ".btn.btn-primary" ).click(function() {
  alert( "送不出去~" );
  event.preventDefault();
});
$( ".btn.btn-default" ).click(function() {
  alert( "送不出去~" );
  event.preventDefault();
});