Bagaimana Anda memeriksa url valid atau tidak dalam javascript?

Question

Artikel ini membahas pemeriksaan apakah suatu string adalah URL yang valid dalam javascript menggunakan berbagai metode dan contoh sebagai ilustrasi

Table of Contents Show

Javascript memeriksa apakah string adalah URL. regex
Validasi JavaScript dengan ekspresi reguler. Latihan-9 dengan Solusi
JavaScript. Kiat Hari Ini
Bagaimana cara mendeteksi URL dalam JavaScript?
Bagaimana cara memvalidasi URL?
Bagaimana cara memeriksa apakah URL berisi string dalam JavaScript?
Bagaimana cara memvalidasi URL gambar dalam JavaScript?

Daftar isi

Javascript memeriksa apakah string adalah URL. regex

Bagian ini akan melihat fungsi javascript, yang memeriksa apakah string adalah URL yang valid. Fungsi memeriksa pola dalam string, dan jika pola cocok, maka mengembalikan true . Else mengembalikan false . Perhatikan pola di bawah ini.

Fungsi Javascript untuk memeriksa apakah string adalah URL yang valid

Pola dalam fungsi ini akan memeriksa kerangka URL yang valid seperti protokol URL, nama domain, alamat ip, dll

Diberikan URL, tugasnya adalah memvalidasinya. Di sini kita akan mendeklarasikan URL valid atau Invalid dengan mencocokkannya dengan JavaScript RegExp. Kami akan membahas beberapa metode.

Contoh 1. Contoh ini memvalidasi URL = 'https. // www. geeksforgeeks. org’ dengan menggunakan Ekspresi Reguler.

html

<h1 style="color:green;">

GeeksForGeeks

</h1>

<h12 h13=h15 h16

h17h18

</h12>

<style3 style4=style6>

style9

</style3>

<h12 h13==7 =8

=_9"color:green;"0

=_9h18

</h12>

<"color:green;"7>

>0

>2

>5

>_6

>8

0

2

5

6 7

6 9

GeeksForGeeks0GeeksForGeeks1

6GeeksForGeeks3

GeeksForGeeks0GeeksForGeeks5

6GeeksForGeeks7

6GeeksForGeeks9

GeeksForGeeks7

</"color:green;"7>

Keluaran

Validasi URL menggunakan ekspresi reguler

Contoh 2. Contoh ini memvalidasi URL = 'https. // www. geeksforgeeksorg'(Yang salah) dengan menggunakan Ekspresi Reguler yang berbeda dari yang sebelumnya.

JavaScript. Periksa apakah nilai yang diberikan adalah url yang valid atau tidak Pembaruan terakhir pada 19 Agustus 2022 21. 51. 52 (UTC/GMT +8 jam)

Validasi JavaScript dengan ekspresi reguler. Latihan-9 dengan Solusi

Tulis fungsi JavaScript untuk memeriksa apakah nilai yang diberikan adalah url yang valid atau tidak

Contoh Solusi. -

Kode HTML

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JavaScript function to check whether a given value is an url or not</title>
</head>
<body>

</body>
</html>

Kode JavaScript

function is_url(str)
{
  regexp =  /^(?:(?:https?|ftp):\/\/)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})))(?::\d{2,5})?(?:\/\S*)?$/;
        if (regexp.test(str))
        {
          return true;
        }
        else
        {
          return false;
        }
}

console.log(is_url("http://www.example.com"));
console.log(is_url("https://www.example.com"));
console.log(is_url("www.example.com"));

_

Keluaran Sampel

true
true
true

Flow chart

Demo Langsung

Lihat Pen javascript-regexp-exercise-8 oleh w3resource (@w3resource) di CodePen

Tingkatkan solusi contoh ini dan poskan kode Anda melalui Disqus

Sebelumnya. Tulis fungsi JavaScript untuk menghitung jumlah vokal dalam string tertentu
Lanjut. Tulis fungsi JavaScript untuk memeriksa apakah nilai yang diberikan adalah alfa numerik atau tidak

Berapa tingkat kesulitan latihan ini?

Mudah Sedang Keras

Uji keterampilan Pemrograman Anda dengan kuis w3resource

Ikuti kami di Facebook dan Twitter untuk pembaruan terbaru.

JavaScript. Kiat Hari Ini

Kosongkan Larik JavaScript

Untuk mengosongkan larik JavaScript, kita dapat mengatur properti length ke 0
Contohnya. kita bisa menulis

const arr = ['a', 'b', 'c'];
arr.length = 0;

Maka arr akan menjadi array tanpa panjang
Demikian juga, kita bisa menetapkannya sebagai array kosong

const arr = ['a', 'b', 'c'];
arr.length = [];

_

referensi. https. //sedikit. ly/2LBj213

Tren Mingguan
Latihan Pemrograman Dasar Java
Subkueri SQL
Latihan Database Adventureworks
Latihan Dasar C# Sharp
SQL COUNT() dengan perbedaan
Latihan String JavaScript
Validasi Formulir JavaScript HTML
Latihan Pengumpulan Java
fungsi SQL COUNT()
Gabung Dalam SQL
Latihan fungsi JavaScript
Tutorial Python
Latihan Array Python
Gabung Silang SQL
Latihan C# Sharp Array

Bagaimana cara mendeteksi URL dalam JavaScript?

Jika Anda menggunakan JavaScript di browser, Anda bisa mendapatkan URL lengkap saat ini dengan menggunakan jendela. lokasi. href .

Bagaimana cara memvalidasi URL?

Cara lain untuk memvalidasi URL adalah dengan menggunakan ekspresi reguler (regex) — atau string yang membentuk pola penelusuran. Kita dapat menggunakan Regex untuk memeriksa apakah URL tersebut valid. Sintaks JavaScript untuk validasi URL menggunakan regex adalah. fungsi isValidURL(string) { var res = string.

Bagaimana cara memeriksa apakah URL berisi string dalam JavaScript?

Untuk memeriksa apakah URL saat ini berisi string dalam Javascript, Anda dapat menerapkan metode “test()” bersama dengan metode “window. lokasi. href” untuk mencocokkan nilai string tertentu dengan URL atau “toString(). include()”, atau metode “indexOf()” untuk mengembalikan indeks nilai pertama dalam string yang ditentukan

Bagaimana cara memvalidasi URL gambar dalam JavaScript?

Pendekatan lain adalah membuat tag gambar . Jika peristiwa onload dimatikan, itu berarti browser dapat mendekodekan data gambar yang ditautkan oleh url dengan benar. Jadi kita tahu itu memang url gambar.

kode javascript