[Watcher UI] Not possible to edit a watch that was created with the A…

…PI if the ID contains a dot (elastic#59383)

* Add . period to the isRegex variable L34

* Undo ID2 back to ID , done for testing

* Updated the Jest test message to include period

* Undo exception message to include periods

* Removed duplicate comments

x-pack/plugins/watcher/__jest__/client_integration/watch_create_json.test.ts

@@ -3,6 +3,7 @@
  * or more contributor license agreements. Licensed under the Elastic License;
  * you may not use this file except in compliance with the Elastic License.
  */
+
 import '../../../es_ui_shared/console_lang/mocks';
 
 import { act } from 'react-dom/test-utils';
@@ -76,7 +77,7 @@ describe('<JsonWatchEdit /> create route', () => {
           actions.clickSubmitButton();
 
           expect(form.getErrorsMessages()).toContain(
-            'ID can only contain letters, underscores, dashes, and numbers.'
+            'ID can only contain letters, underscores, dashes, periods and numbers.'
           );
         });
       });

x-pack/plugins/watcher/public/application/models/watch/json_watch.js

@@ -31,7 +31,7 @@ export class JsonWatch extends BaseWatch {
 
   validate() {
     const validationResult = {};
-    const idRegex = /^[A-Za-z0-9\-\_]+$/;
+    const idRegex = /^[A-Za-z0-9\-\_.]+$/;
     const errors = {
       id: [],
       json: [],
@@ -47,7 +47,7 @@ export class JsonWatch extends BaseWatch {
     } else if (!idRegex.test(this.id)) {
       errors.id.push(
         i18n.translate('xpack.watcher.sections.watchEdit.json.error.invalidIdText', {
-          defaultMessage: 'ID can only contain letters, underscores, dashes, and numbers.',
+          defaultMessage: 'ID can only contain letters, underscores, dashes, periods and numbers.',
         })
       );
     }