The WordPress way to do this is the wp_localize_script()
function.
When you enqueue a script, also add a call to wp_localize_script()
:
wp_register_script( 'my-script', 'path/to/script.js' );
wp_localize_script( 'my-script', 'myScript', array(
'msg_must_match' => __( 'Message must match', 'my-plugin-domain' ),
) );
This creates a global JavaScript object called myScript
that will contain the keys and values passed as an array in the 3rd argument. So you can pass in strings using the WordPress translation functions, which will get translated just like any other string in your plugin.
Then in your script you can use those values for your strings:
inputRepeat.setCustomValidity( myScript.msg_must_match );
Related Posts:
- How to prevent text modified using gettext filter being stomped (presumably) by updateText() js function within a CPT’s edit screen
- How to load translation in JavaScript?
- Find object by id in an array of JavaScript objects
- Cannot set property InnerHTML of null [duplicate]
- How can I submit a form using JavaScript?
- How do I get the current date in JavaScript?
- How to do a redirect to another route with react-router?
- JavaScript TypeError: Cannot read property ‘style’ of null
- JavaScript string newline character?
- How to create a GUID / UUID
- How does “/\s/g” replace spaces with other characters?
- What is the correct way to check for string equality in JavaScript?
- JavaScript TypeError: Cannot read property ‘style’ of null
- How to obtain username from Promise
? - Number converted in 1e+30
- Static variables in JavaScript
- ReferenceError : window is not defined at object.
Node.js - Node.js Port 3000 already in use but it actually isn’t?
- Uncaught TypeError: $.post is not a function
- Unable to verify leaf signature
- When and why to ‘return false’ in JavaScript?
- XML Parsing Error: no root element found Location in Console FF
- TypeError: app.use() requires middleware functions
- Possible to extend types in Typescript?
- JavaScript enumerator?
- How to format numbers as currency strings
- Understanding how data-dismiss attribute works in Bootstrap
- Add table row in jQuery
- Node.js document is not defined
- Create table with jQuery – append
- Obtain form input fields using jQuery?
- Npm install cannot find module ‘semver’
- How to download a file with Node.js (without using third-party libraries)?
- Getting current date and time in JavaScript
- What is ViewChild in Angular2?
- Permutations in JavaScript?
- How do I remove documents using Node.js Mongoose?
- node-request – Getting error “SSL23_GET_SERVER_HELLO:unknown protocol”
- jQuery make global variable
- Mixed Content Page: requested an insecure stylesheet error
- How to do integer division in javascript (Getting division answer in int not float)?
- javascript unexpected identifier
- How to send email by using javascript or jquery
- Access to Image from origin ‘null’ has been blocked by CORS policy
- Onclick on bootstrap button
- TypeError: res.json is not a function
- Load Image from javascript
- Most efficient method to groupby on an array of objects
- Don’t make functions within a loop [duplicate]
- Difference between ?:, ?! and ?=
- JavaScript post request like a form submit
- Jest encountered an unexpected token
- Data column(s) for axis #0 cannot be of type string in google chart dashboard [duplicate]
- JavaScript – Count Number of Visitor for Website
- Jquery Value match Regex
- replace space with dash JavaScript
- Using “×” word in html changes to ×
- How do I store an array in localStorage?
- How to check if the URL contains a given string?
- How to enable CORS in AngularJs
- bootstrap buttons onclick events
- Change the selected value of a drop-down list with jQuery
- Uncaught SyntaxError: Unexpected token var
- window.location.href doesn’t redirect
- DeprecationWarning: Calling an asynchronous function without callback is deprecated. – how to find where the “function:” is?
- What are the benefits of using wp_enqueue_script?
- Get loading state of wp data selector
- Filter medias from the Media Uploader (wp.media) modal with a post meta
- Create user from outside WordPress through api?
- Adding a text element in between title and blocks container
- Remove type attribute from script added by wp_localize_script
- Block Editor: How to get title and post content within the WordPress admin UI in Javascript?
- Load plugin JS in footer
- Google Map iframe in a tab issue
- Make TinyMCE checkbox that returns a value instead of true/false
- Unwanted line break before
- Adding JavaScript to a WordPress website
- wp-env mysqlcheck error:1130
- How to disable inline css styles generated by Gutenberg editor?
- Multiple Conditional Controllers
- Adding javascript trigger to user role selection on the user-edit page
- Vue and wordpress.Bad Request ajax request
- How to add if lt IE9 conditional scripts to functions.php
- Looping over wordpress meta to create “ ‘s?
- How to include a JSON file on my page?
- Adding inline JavaScript after wp_enqueue_scripts
- How to add “on change” to a text input in contact form7?
- Update media library attachments
- JavaScript Libraries in WordPress
- How to use WP switchEditors.switchto(this) JS function in your own script?
- Escaping quotes while enqueuing scripts
- Create new product with woocommerce REST API with javascript (clientside)?
- Combining results from WP-API using AngularJS
- dropdown does not work [closed]
- Anyway to disable the auto excerpt creation?
- How do I cycle a JS function in WordPress? [closed]
- Passing object to FormTokenField suggestions
- How to Update a variable even if the web page reloads in js
- How do i get an Inline style in Gutenberg Block show up in front end?
- javscript that updates div in a single wordpress page