hujung hadapan web
tutorial js
Perkongsian kod untuk kesan kira detik kod pengesahan penghantaran telefon mudah alih dilaksanakan oleh jQuery_jquery
Perkongsian kod untuk kesan kira detik kod pengesahan penghantaran telefon mudah alih dilaksanakan oleh jQuery_jquery
Ini adalah kod kesan undur untuk menghantar kod pengesahan melalui telefon bimbit berdasarkan jquery Ia boleh merealisasikan fungsi paparan masa nyata undur detik dan fungsi mengesahkan format nombor telefon mudah alih Ia adalah laman web yang biasa digunakan pendaftaran dan penghantaran kod pengesahan telefon mudah alih.
Penerangan kesan:
Apabila mendaftar tapak web dan perlu menghantar kod pengesahan ke telefon mudah alih anda, kami sering menghadapi kesan ini:
Mula-mula semak sama ada telefon mudah alih mematuhi format 11 digit bermula dengan 1
Jika ia tidak sepadan, mesej ralat akan digesa dan palsu akan dikembalikan
Jika tidak, ia diserahkan ke latar belakang Selepas latar belakang mengesahkan penerimaan, nilai dikembalikan, dan butang hantar bertukar menjadi kelabu dan mengira detik.
Kesan operasi:
--------------------------------Demonstrasi kesan Muat turun kod sumber--------------------------------
Pelaksanaan jQuery kod kesan undur untuk telefon mudah alih menghantar kod pengesahan adalah seperti berikut
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery手机发送验证码倒计时代码</title>
<link href="css/jb51.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div class="form">
<div class="div-name">
<label for="name">用户名</label><input type="text" id="name" class="infos" placeholder="请输入用户名" />
</div>
<div class="div-phone">
<label for="phone">手机</label><input type="text" id="phone" class="infos" placeholder="请输入手机" />
<a href="javascript:;" class="send1" onclick="sends.send();">发送验证码</a>
</div>
<div class="div-ranks">
<label for="ranks">验证码</label><input type="text" id="ranks" class="infos" placeholder="请输入验证码" />
</div>
<div class="div-conform">
<a href="javascript:;" class="conform" onclick="sends.conform();">提交</a>
</div>
</div>
<script src="js/jquery-1.8.3.min.js"></script>
<script>
var sends = {
checked:1,
send:function(){
var numbers = /^1\d{10}$/;
var val = $('#phone').val().replace(/\s+/g,""); //获取输入手机号码
if($('.div-phone').find('span').length == 0 && $('.div-phone a').attr('class') == 'send1'){
if(!numbers.test(val) || val.length ==0){
$('.div-phone').append('<span class="error">手机格式错误</span>');
return false;
}
}
if(numbers.test(val)){
var time = 30;
$('.div-phone span').remove();
function timeCountDown(){
if(time==0){
clearInterval(timer);
$('.div-phone a').addClass('send1').removeClass('send0').html("发送验证码");
sends.checked = 1;
return true;
}
$('.div-phone a').html(time+"S后再次发送");
time--;
return false;
sends.checked = 0;
}
$('.div-phone a').addClass('send0').removeClass('send1');
timeCountDown();
var timer = setInterval(timeCountDown,1000);
}
}
}
</script>
</body>
</html>
Di atas ialah kod kesan undur untuk kod pengesahan penghantaran telefon mudah alih yang dilaksanakan oleh jquery untuk dikongsi dengan anda.
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1368
52
Apakah yang perlu saya lakukan jika Google Chrome tidak memaparkan imej kod pengesahan Chrome tidak memaparkan kod pengesahan?
Mar 13, 2024 pm 08:55 PM
Apakah yang perlu saya lakukan jika Google Chrome tidak memaparkan imej kod pengesahan? Kadangkala anda memerlukan kod pengesahan untuk log masuk ke halaman web menggunakan Google Chrome. Sesetengah pengguna mendapati bahawa Google Chrome tidak dapat memaparkan kandungan imej dengan betul apabila menggunakan kod pengesahan imej. Apa yang patut dibuat? Editor di bawah akan memperkenalkan cara menangani kod pengesahan Google Chrome yang tidak dipaparkan. Saya harap ia akan membantu semua orang! Pengenalan kaedah: 1. Masukkan perisian, klik butang "Lagi" di penjuru kanan sebelah atas, dan pilih "Tetapan" dalam senarai pilihan di bawah untuk masuk. 2. Selepas memasuki antara muka baharu, klik pilihan "Tetapan Privasi dan Keselamatan" di sebelah kiri. 3. Kemudian klik "Tetapan Laman Web" di sebelah kanan
Bagaimana untuk menggunakan kaedah permintaan PUT dalam jQuery?
Feb 28, 2024 pm 03:12 PM
Bagaimana untuk menggunakan kaedah permintaan PUT dalam jQuery? Dalam jQuery, kaedah menghantar permintaan PUT adalah serupa dengan menghantar jenis permintaan lain, tetapi anda perlu memberi perhatian kepada beberapa butiran dan tetapan parameter. Permintaan PUT biasanya digunakan untuk mengemas kini sumber, seperti mengemas kini data dalam pangkalan data atau mengemas kini fail pada pelayan. Berikut ialah contoh kod khusus menggunakan kaedah permintaan PUT dalam jQuery. Mula-mula, pastikan anda memasukkan fail perpustakaan jQuery, kemudian anda boleh menghantar permintaan PUT melalui: $.ajax({u
Bagaimana untuk membatalkan kira detik 10 saat untuk boot Win10?
Feb 29, 2024 pm 07:25 PM
Dalam win10, kira detik but didayakan secara lalai. Apabila kita menghidupkan komputer, kita akan melihat antara muka undur, biasanya kira detik 10 saat. Dalam masa ini, kita boleh memilih sama ada untuk meneruskan but atau melakukan beberapa operasi lain. Walaupun kira detik but membawa sedikit kemudahan kepada sistem kami, ia juga boleh menyebabkan masalah dalam beberapa kes. Saya mahu membatalkan paparan, tetapi saya tidak tahu bagaimana untuk melakukannya Artikel ini membawa anda cara membatalkan kira detik beberapa saat selepas Win10 dimulakan. Fahami kira detik but win10 Dalam win10, kira detik but didayakan secara lalai. Apabila kita menghidupkan komputer, kita akan melihat antara muka undur, biasanya kira detik 10 saat. Dalam masa ini, kita boleh memilih sama ada untuk meneruskan but atau meneruskan
Petua jQuery: Cepat ubah suai teks semua teg pada halaman
Feb 28, 2024 pm 09:06 PM
Tajuk: Petua jQuery: Cepat ubah suai teks semua teg pada halaman Dalam pembangunan web, kita selalunya perlu mengubah suai dan mengendalikan elemen pada halaman. Apabila menggunakan jQuery, kadangkala anda perlu mengubah suai kandungan teks semua teg dalam halaman sekaligus, yang boleh menjimatkan masa dan tenaga. Berikut akan memperkenalkan cara menggunakan jQuery untuk mengubah suai teks semua teg pada halaman dengan cepat, dan memberikan contoh kod khusus. Pertama, kita perlu memperkenalkan fail perpustakaan jQuery dan memastikan bahawa kod berikut dimasukkan ke dalam halaman: <
Gunakan jQuery untuk mengubah suai kandungan teks semua teg
Feb 28, 2024 pm 05:42 PM
Tajuk: Gunakan jQuery untuk mengubah suai kandungan teks semua teg jQuery ialah perpustakaan JavaScript yang popular yang digunakan secara meluas untuk mengendalikan operasi DOM. Dalam pembangunan web, kita sering menghadapi keperluan untuk mengubah suai kandungan teks tag pautan (tag) pada halaman. Artikel ini akan menerangkan cara menggunakan jQuery untuk mencapai matlamat ini dan memberikan contoh kod khusus. Pertama, kita perlu memperkenalkan perpustakaan jQuery ke dalam halaman. Tambahkan kod berikut dalam fail HTML:
Mengapa saya tidak boleh menerima kod pengesahan untuk mendaftar di Youka?
Mar 03, 2024 pm 05:31 PM
Pengguna Youkazhong perlu menggunakan kod pengesahan untuk mendaftar, jadi mengapa mereka tidak boleh menerima kod pengesahan untuk mendaftar? Pengguna mungkin tidak menerima kod pengesahan kerana masalah rangkaian, masalah peranti atau masalah pelayan. Pengenalan kepada masalah pendaftaran tidak menerima kod pengesahan ini boleh memberitahu anda cara memasangnya. Berikut adalah pengenalan terperinci, datang dan lihat! Mengapa anda tidak boleh menerima kod pengesahan untuk pendaftaran di Youka Jawapan: Masalah rangkaian, masalah peralatan dan masalah pelayan membawa kepada pengenalan terperinci: 1. Penyelesaian kepada masalah rangkaian: Pengguna perlu menyemak rangkaian mereka sendiri dan boleh cuba menukar persekitaran rangkaian. Jika rangkaian lemah, kod pengesahan akan gagal dihantar. 2. Masalah peralatan: Penyelesaian: Periksa sama ada terdapat sebarang perisian yang mengganggu di latar belakang anda Anda boleh cuba memulakan semula peranti atau memasang semula perisian.
Bagaimana untuk mengetahui sama ada elemen jQuery mempunyai atribut tertentu?
Feb 29, 2024 am 09:03 AM
Bagaimana untuk mengetahui sama ada elemen jQuery mempunyai atribut tertentu? Apabila menggunakan jQuery untuk mengendalikan elemen DOM, anda sering menghadapi situasi di mana anda perlu menentukan sama ada sesuatu elemen mempunyai atribut tertentu. Dalam kes ini, kita boleh melaksanakan fungsi ini dengan mudah dengan bantuan kaedah yang disediakan oleh jQuery. Berikut akan memperkenalkan dua kaedah yang biasa digunakan untuk menentukan sama ada elemen jQuery mempunyai atribut khusus, dan melampirkan contoh kod tertentu. Kaedah 1: Gunakan kaedah attr() dan operator jenis // untuk menentukan sama ada elemen mempunyai atribut tertentu
Fahami peranan dan senario aplikasi eq dalam jQuery
Feb 28, 2024 pm 01:15 PM
jQuery ialah perpustakaan JavaScript popular yang digunakan secara meluas untuk mengendalikan manipulasi DOM dan pengendalian acara dalam halaman web. Dalam jQuery, kaedah eq() digunakan untuk memilih elemen pada kedudukan indeks tertentu Senario penggunaan dan aplikasi khusus adalah seperti berikut. Dalam jQuery, kaedah eq() memilih elemen pada kedudukan indeks yang ditentukan. Kedudukan indeks mula dikira dari 0, iaitu indeks elemen pertama ialah 0, indeks elemen kedua ialah 1, dan seterusnya. Sintaks kaedah eq() adalah seperti berikut: $("s
