Why does a on Comment edit page submit the page?

This is happening because the entire comment edit page is inside a <form> element, and the <button> element submits any form that it belongs to. This is the normal behaviour of buttons in HTML.

If you don’t want a button to act as a submit button, you need to set the type attribute to button:

<button class="ed_button button button-small" onclick="copy_civicrm_subject_code()" type="button">
  Copy
</button>

The default type attribute for a button is submit, which is why it behaves that way unless you set it to button.

Related Posts:

  1. How to load javascript file on homepage in WordPress in order?
  2. Reactjs – Form input validation
  3. Angular: mat-form-field must contain a MatFormFieldControl
  4. No value accessor for form control
  5. Send POST data using XMLHttpRequest
  6. Setting onSubmit in React.js
  7. jQuery AJAX submit form
  8. How to reset a form using jQuery with .reset() method
  9. JavaScript post request like a form submit
  10. How to create a HTML Cancel button that redirects to a URL
  11. What does ngf-select do and why is it needed for form validation?
  12. JavaScript post request like a form submit
  13. How can I get form data with JavaScript/jQuery?
  14. {“error”: “Please use POST request”} – alternative solution to submitting a form
  15. FormData append not working
  16. JavaScript code to stop form submission
  17. how to write javascript code inside php
  18. ngular is automatically adding ‘ng-invalid’ class on ‘required’ fields
  19. Add custom form to theme
  20. How to replace a javascript select box onchange event to a form submit action?
  21. How do I embed a Javascript form directly into a page?
  22. How do you filter the list of states when country is selected? [closed]
  23. Uncaught ReferenceError: jQuery is not defined – although jQuery is loaded [closed]
  24. How to add “on change” to a text input in contact form7?
  25. Add captcha validation to my custom form for Frontend posting
  26. How to add a onclick attribute to a list of checkboxes?
  27. Close modal window after form submit [closed]
  28. Form will not popup, when clicking on the link to the form
  29. How to show cities according to the state in Form using Javascript? [closed]
  30. Can’t Listen to KeyDown in TInyMCE Iframe (jQuery) and Pass it to Parent HTML FORM
  31. Error handling for wpdb error – displaying an error message to the user
  32. How to change number field to text field using JS
  33. CCF7 Field numbuer prefilled after Click event
  34. Get Comment Text via REST API
  35. Sending GravityForms to custom HTML
  36. What is TypeScript and why would I use it in place of JavaScript? [closed]
  37. How to do associative array/hashing in JavaScript
  38. How to play audio?
  39. How to write a countdown timer in JavaScript?
  40. TypeScript foreach return [duplicate]
  41. how to render a react component using ReactDOM Render
  42. What does “javascript:void(0)” mean?
  43. What does this symbol mean in JavaScript?
  44. Go back button in a page
  45. ‘react-scripts’ is not recognized as an internal or external command
  46. Set timeout for ajax (jQuery)
  47. Escaping Discord subset of markdown
  48. ESLint Parsing error: Unexpected token
  49. Angular ForEach in Angular4/Typescript?
  50. Timers in React Native (this.setTimeout)
  51. CSS height 100% percent not working
  52. Angular 4 setting selected option in Dropdown
  53. XMLHttpRequest module not defined/found
  54. Bower: ENOGIT Git is not installed or not in the PATH
  55. Converting an object to a string
  56. Function not defined javascript
  57. The preferred way of creating a new element with jQuery
  58. How to pass parameters using ui-sref in ui-router to controller
  59. Add and remove multiple classes in jQuery
  60. How To Save Canvas As An Image With canvas.toDataURL()?
  61. NPM install fails with node-gyp
  62. What are differences between SystemJS and Webpack?
  63. How to find if div with specific id exists in jQuery?
  64. TypeError: $ is not a function WordPress
  65. Fully responsive HTML5 video
  66. Make Discord bot send picture with message with NodeJS
  67. RegEx for Javascript to allow only alphanumeric
  68. How to check for an undefined or null variable in JavaScript?
  69. HTML anchor link – href and onclick both?
  70. Remove extra Google Maps script
  71. Using filter to add additional fields to comment_form()
  72. initial open/toggle PluginDocumentSettingPanel panel in document setting block editor gutenberg
  73. How to add JavaScript code on WordPress properly?
  74. Restrict file types in the uploader of a wp.media frame
  75. Gutenberg getMedia() in post query doesn’t return all featured images
  76. Can I change an external script’s HTML?
  77. How to transform a legacy widget into a block
  78. const { __ } not working in IE11
  79. Adding and removing hidden buttons from WordPress Customizer Tinymce widget editor using javascript API
  80. Cannot use characters ” in jQuery script in WordPress
  81. How to install cool javascript feature in WordPress?
  82. How can I load certain JavaScripts only on blog pages?
  83. jQuery UI Tools (Flowplayer) Issues
  84. How do I know if I should enqueue JS code or just include it in ONE PHP function?
  85. print script on wordpress header after user registered
  86. How do I use this javascript correct with wordpress?
  87. How can I integrate yepnope.js with WordPress (and plugins)?
  88. Testing a Form’s Zipcode Field with Regular Expressions to Determine WordPress Page Behaviour
  89. How to set javascript options for select2 in PHP array of plugin
  90. Multiple jQuery inputs or binds in Customizer Control Javascripts
  91. How to display different content on the same page using different URLS
  92. Immediate (e.g. without DOMContentLoaded) JS not working
  93. Client side pre-save Javascript hook on all admin pages
  94. WP Gutenberg – custom block with two content fields
  95. How to identify which javascript is being executed
  96. How to keep close a sub-menu under homepage? [closed]
  97. How to implement custom URL handler to access JS modal content? [closed]
  98. Contact form 7 hide and show fields depending up on the condition [closed]
  99. Javascript 2 elements dependent onclick .toggle [closed]
  100. wp_enqueue has a resource but doesn’t generate a script tag [duplicate]