JavaScript normal ifade çok satırlı bayrağı çalışmıyor

HTML'den dize almak için bir regex yazdım, ancak çok satırlı bayrak çalışmıyor gibi görünüyor.

Bu benim modelim ve metni h1etikete almak istiyorum .

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

Test etmek için bir dize oluşturdum. Dize "\ n" içerdiğinde, sonuç her zaman null olur. Tüm "\ n" leri kaldırsaydım, /mbayraklı olsun olmasın bana doğru sonucu verdi .

Normal ifademin nesi var?

Dotall değiştiricisi /.../solarak da bilinen değiştiriciyi arıyorsunuz . Noktayı, varsayılan olarak yapmadığı yeni satırlarla da eşleşmeye zorlar ..

Kötü haber, JavaScript'te bulunmamasıdır (ES2018'den beri var, aşağıya bakın) . İyi haber şu ki, bir karakter sınıfını (örn. \s) Ve olumsuzluğunu ( \S) birlikte kullanarak şöyle çalışabilirsiniz :

[\s\S]

Yani sizin durumunuzda normal ifade şöyle olur:

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

ES2018 itibariyle JavaScript destekleyen syüzden yazdım gibi düzenli ifade olabilir modern bir ortamda, (dotall) bayrağı, ancak bir ile ssonunda bayrağı (ziyade m; mdeğişiklikleri nasıl ^ve $iş, değil .):

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

Sen istiyorsun sanlaşılan JavaScript yok (dotall) değiştirici, - sen yerine .sahip [\ s \ S] @molf tarafından önerildiği gibi. m(Multiline) değiştirici markaları ^ $ ve maç hatları tamamı yerine dize.

[\s\S]benim için işe yaramadı nodejs 6.11.3. Dayanarak RegExp belgelerine , kullanmak için diyor [^]benim için çalışır hangi.

(Nokta, ondalık noktası), satır sonlandırıcılar dışında herhangi bir karakterle eşleşir: \ n, \ r, \ u2028 veya \ u2029.

Bir karakter kümesinin içinde, nokta özel anlamını kaybeder ve gerçek bir nokta ile eşleşir.

M çok satırlı bayrağın nokta davranışını değiştirmediğini unutmayın. Dolayısıyla, bir kalıbı birden çok satırda eşleştirmek için [^] karakter kümesi kullanılabilir (elbette eski bir IE sürümü anlamına gelmezse), yeni satırlar dahil herhangi bir karakterle eşleşir.

Örneğin:

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

nerede *? [^] 0 veya daha fazla tekrarlanan açgözlü kapamadır.

Dotall değiştiricisi aslında Haziran 2018'de, yani ECMAScript 2018'de JavaScript'e geçti.
Https://github.com/tc39/proposal-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'

Benim önerim, çok satırlı dizeyi "\ n" ile bölmenin ve orijinal dizenin bölümlerini birleştirmenin daha iyi olması ve tek bir satır haline gelmesi ve kullanımı kolay olmasıdır.

<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" );
        }
      }
    }

  });
});