Багаторядковий прапор JavaScript з регулярним виразом не працює

Я написав регулярний вираз для отримання рядка з HTML, але, здається, прапор багато рядків не працює.

Це мій шаблон, і я хочу отримати текст у h1тезі.

var pattern= /<div class="box-content-5">.*<h1>([^<]+?)<\/h1>/mi
m = html.search(pattern);
return m[1];

Я створив рядок, щоб перевірити її. Коли рядок містить "\ n", результат завжди є нульовим. Якщо я видалив усі "\ n", це дало мені правильний результат, незалежно від /mпрапора або без нього .

Що не так з моїм регулярним виразом?

Ви шукаєте /.../sмодифікатор, також відомий як модифікатор dotall . Це змушує крапку .також відповідати новим рядкам, що не робиться за замовчуванням.

Погана новина полягає в тому, що його не існує в JavaScript (це робиться як в ES2018, див. Нижче) . Хороша новина полягає в тому, що ви можете обійти його, використовуючи клас символів (наприклад \s) та його заперечення ( \S) разом, наприклад:

[\s\S]

Тож у вашому випадку регулярним виразом стане:

/<div class="box-content-5">[\s\S]*<h1>([^<]+?)<\/h1>/i

Що стосується ES2018, JavaScript підтримує sпрапор (dotAll), тому в сучасних умовах ваше регулярне вираження може бути таким, як ви його написали, але з sпрапором в кінці (а не m; mзмінює як ^і як $працювати, а не .):

/<div class="box-content-5">.*<h1>([^<]+?)<\/h1>/is

Вам потрібен sмодифікатор (dotall), який, очевидно, не існує в Javascript - ви можете замінити його .на [\ s \ S], як запропонував @molf. В m(багаторядкових) модифікатори дозволяє ^ і $ сірникових ліній , а не вся рядок.

[\s\S]не працював для мене в nodejs 6.11.3. На підставі документації на RegExp , він говорить, що використовувати, [^]яка працює для мене.

(Крапка, десяткова крапка) відповідає будь-якому одному символу, крім терміналів рядків: \ n, \ r, \ u2028 або \ u2029.

Всередині набору символів крапка втрачає своє особливе значення і відповідає буквальній крапці.

Зауважте, що m багаторядковий прапор не змінює поведінку крапки. Отже, щоб відповідати шаблону в декількох рядках, набір символів [^] можна використовувати (якщо, звичайно, ви не маєте на увазі стару версію IE), він буде відповідати будь-якому символу, включаючи нові рядки.

Наприклад:

/This is on line 1[^]*?This is on line 3/m

де *? - це ненаситне захоплення 0 або більше випадків [^].

Модифікатор dotall фактично перетворив його на JavaScript у червні 2018 року, тобто ECMAScript 2018.
https://github.com/tc39/proposed-regexp-dotall-flag

const re = /foo.bar/s; // Or, `const re = new RegExp('foo.bar', 's');`.
re.test('foo\nbar');
// → true
re.dotAll
// → true
re.flags
// → 's'

Моя пропозиція полягає в тому, що краще розділити рядок з декількома рядками на "\ n" і об'єднати розбиття початкового рядка, і він стане єдиним рядком і ним легко управляти.

<textarea class="form-control" name="Body" rows="12" data-rule="required" 
                  title='@("Your feedback ".Label())'
                  placeholder='@("Your Feedback here!".Label())' data-val-required='@("Feedback is required".Label())'
                  pattern="^[0-9a-zA-Z ,;/?.\s_-]{3,600}$" data-val="true" required></textarea>


$( document ).ready( function() {
  var errorMessage = "Please match the requested format.";
  var firstVisit = false;

  $( this ).find( "textarea" ).on( "input change propertychange", function() {

    var pattern = $(this).attr( "pattern" );
    var element = $( this );

    if(typeof pattern !== typeof undefined && pattern !== false)
    {
      var ptr = pattern.replace(/^\^|\$$/g, '');
      var patternRegex = new RegExp('^' + pattern.replace(/^\^|\$$/g, '') + '$', 'gm');     

      var ks = "";
      $.each($( this ).val().split("\n"), function( index, value ){
        console.log(index + "-" + value);
        ks += " " + value;
      });      
      //console.log(ks);

      hasError = !ks.match( patternRegex );
      //debugger;

      if ( typeof this.setCustomValidity === "function") 
      {
        this.setCustomValidity( hasError ? errorMessage : "" );
      } 
      else 
      {
        $( this ).toggleClass( "invalid", !!hasError );
        $( this ).toggleClass( "valid", !hasError );

        if ( hasError ) 
        {
          $( this ).attr( "title", errorMessage );
        } 
        else
        {
          $( this ).removeAttr( "title" );
        }
      }
    }

  });
});