26 Jul 2019

HTML1506: Unexpected token in IE

Last updated on   by    /   category:  Javascript, jQuery, Web development, WordPress

Yesterday, I received a support task from one of my clients. It was urgent because the users could not buy the product online. The issue occurred only in the IE browser(IE11 and IE edge). I checked the error message at the console and I found “HTML1506: Unexpected token“. I saw the same error back in 2015 when I worked with another client in the USA. This error is very common in IE. The cause The sample of JS code that … Read More

3 Jan 2019

How to validate a form with jQuery validation plugin

Last updated on   by    /   category:  jQuery, Web development

When you want to do the form validation you can do from the client-side and server-side. I like to do on the client-side so users can get the notification message right away after leaving the input field. The form validation on the client site is very useful when your form contains a lot of fields. On jquery plugin that I often use, it is jquery validation. It is easy to use and I can add my custom method, custom message, … Read More

3 Jan 2019

How to avoid jquery conflicts in WordPress

Last updated on   by    /   category:  jQuery, WordPress

WordPress developers know that the jQuery in WordPress runs in noConflict mode. This means when you enqueue the script that is dependent on jQuery in WordPress, you cannot use the common $ alias. To solve this issue, you can place your code using the $ shortcut inside a noConflict wrapper. Here is an example. in PHP file in JS file If you need to load the script in the header after the document is ready, you will use the code … Read More

29 Jun 2018

How to trigger a click on a link using jQuery

Last updated on   by    /   category:  jQuery

Today I am working on some small tasks. It should not take long. But I stuck on one issue for a while. Here is what I am trying to do.   I have the page link list that is generated by the pagination_link from WordPress. The code looks like this. $big = 999999999; $url = str_replace($big, ‘%#%’, html_entity_decode(get_pagenum_link($big))); $pagination_dropdown_args = array( ‘base’ => $url, ‘format’ => ‘?paged=%#%’, ‘total’ => $total_pages, ‘current’ => $paged, ‘show_all’ => true, ‘end_size’ => 1, ‘mid_size’ => … Read More

21 Feb 2018

Upload file won’t send to backend with Ajax

Last updated on   by    /   category:  jQuery, Web development

Sometimes you create a form by containing the file input field(such as upload image file) and other text input fields. And you want to send all form data to the backend using Ajax. But you find out the only the file input data won’t send to the backend. Why? You may send the form data using serialize(). This is the cause that your backend won’t get the file input data via Ajax. Here is the code snippet using serialize(). $(“body”).on(“beforeSubmit”, … Read More