علاقه مندان به جاوا اسکریپت این تاپیک در مورد آلمان بود که ادیت کردم ،مدیریت محترم لطفا این تاپیک را به تالار مربوطه منتقل کنید. در تاپیک زیر راهنمایی هایی برای ساخت سایت گفته شده...
آموزش جاوا اسکریپت چه افراد صاحب نظر ، چه مبتدی ، چه متوسط ، مختارن نظر بدن. من دنبال یادگیری ام. و بحث تاپیک را پربارتر می کند. در تاپیک زیر ، کار با هاست و طرز کار با دیتابیس گفته شده...
<html>
<head>
<script>
function readTextFile(file)
{
var myFile = new XMLHttpRequest();
myFile.open("GET", file, false);
myFile.onreadystatechange = function ()
{
if(myFile.readyState === 4)
{
if(myFile.status === 200 || myFile.status == 0)
{
var allText = myFile.responseText;
document.getElementById("hsBoard").innerHTML = allText;
}
}
}
myFile.send(null);
}
</script>
</head>
<body>
<div id='hsBoard'>
Click On Read button to Read File
</div>
<br />
<input type="button" value="Read" onClick="readTextFile('hs.txt')" /><br />
</body>
</html>
برنامه بالا ، محتوای یک فایل تکست را نمایش می دهد.کد بالا را با پسوند html در کامپیوتر یا گوشی خود ذخیره کنید.یک ادیتور پیدا کنید برای این کار.یک فایل با پسوند txt هم بسازید و چیزهایی در آن بنویسید. اسم فایل txt هم hs باشه . یعنی hs.txt .
حالا کاربردی نیست ولی خواستم یک قالبی داشته باشیم برای شروع کار.
اول اینکه این برنامه در هد فایل یک تابع جاوا اسکریپت دارد. پس ما هم می توانیم در هد ، تابع جاوا اسکریپت قرار دهیم.
دوم اینکه یک دکمه تعریف کرده با جاوا اسکریپت که در برنامه هایمان نیاز پیدا می کنیم.
داخل تابع اگر نگاه کنید به hsBoard نگاه می کند. و محتوای اون را تغییر می دهد. که همین div موجود در فایل است.
پس با کد میشه محتوای یک div دا تغییر داد.
پس خلاصه برنامه :
مشخصات برنامه :
کار با تکست ها ، خواندن تکست و نوشتن در تکست.
کار با تاریخ.
یک تابع در هد انداختیم و یک فرم در بادی داریم.
در تکست بالا وارد می کنیم ، بعد محاسباتی در تکست های پایینی نتیجه را می دهد.
من کاری ندارم محاسباتش چیه. قالب برنامه و کدهایش مورد نظر من است.
برای خوندن یا نوشتن در تکست ها ، اول کلمه داکیومنت را آورده بعد اسم فرم را آورده و بعد اسم تکست را و بعد کلمه value را.
در هد هیچی نداریم. همه در بادی است. یک فرم داریم و یک تابع.
دکمه ای از فرم تابع را صدا می زند.
به تابع this ارسال شده و در تابع this را what گرفته و بعد کلمه what کلمه فرم و اسم textarea را نوشته و بعد کلمه value را نوشته.
کاربرد: برای بررسی خالی بودن یک عنصر فرم، مثلا کاربر ، پسورد یا یوزر یا چیز دیگر را وارد نکرده باشه.
کاربرد دوم ، مثلا برای اینکه طول پسورد کاربر درست باشد.
من هنوز در سایتم امتحان نکردم ولی برنامه بالا را تست کردم ، تعداد حروف تایپ شده را می شمرد.
احتمالا میشه بگیم وقتی تعداد صفر بود اخطار بدهد.
شاید حتما لازم نباشه textarea باشه، شاید تکست هم بشود.
In my experience, input type="text" onchange event usually occurs only after you leave (blur) the control. Is there a way to force browser to trigger onchange every time textfield content changes?...
stackoverflow.com
نوشته:
These days listen for oninput. It feels like onchange without the need to lose focus on the element. It is HTML5.
یعنی روش زیر جایگزین onchange است و فوکوس هم از دست نمی رود..
سالک: منظور از source اون text ئی است که کاربر داره چیزی وارد می کنه. صفت name از text منظور نیست، صفت id از text را می گیره.
در ادامه کد این طوری نوشته:
JavaScript:
<input id="source">
<div id="result"></div>
و result یک div است تا تابع اونجا کار بکند و چیزی بنویسد.
public function betalk_checkPassword($betalkpwd, &$errors) {
$errors_init = $errors;
if (strlen($betalkpwd) < 8) {
$errors[] = "رمزعبور حداقل باید 8 کاراکتر باشد";
}
if (!preg_match("#[0-9]+#", $betalkpwd)) {
$errors[] = "حداقل باید یک عدد داخل رمزعبور باشد";
}
if (!preg_match("#[a-zA-Z]+#", $betalkpwd)) {
$errors[] = "حداقل باید یک حرف انگلیسی داخل رمزعبور باشد";
}
if (!preg_match("#[A-Z]+#", $betalkpwd)) {
$errors[] = "حداقل باید یک حرف انگلیسی بزرگ داخل رمزعبور باشد";
}
if (!preg_match("#/[\[^\'£$%^&*()}{@:\'#~?><>,;@\|\\\-=\-_+\-¬\`\]]/+#", $betalkpwd)) {
$errors[] = "حداقل باید یک کاراکتر خاص داخل رمزعبور باشد";
}
return ($errors == $errors_init);
}
این کد برای php است ولی رگولار اکسپرژن که فرقی نداره.
سالک: کد بالا را من تست نکردم. از سایتی کپی کردم فقط.
بررسی پسورد کاربر با جاوا اسکریپت.
البته این فانکشن آن است. فانکشن یا تابع را چیزی باید فعال کند.
JavaScript:
<script>
function validatePassword(password) {
// مخفی کردن پیام رمزعبور هنگامی که فیلد خالی است
if (password.length === 0) {
document.getElementById("msg").innerHTML = "";
return;
}
// تعریف شرط برای کاراکترهای رمزعبور
var matchedCase = new Array();
matchedCase.push("[$@$!%*#?&]"); // کاراکترهای خاص
matchedCase.push("[A-Z]"); // حروف بزرگ
matchedCase.push("[0-9]"); // اعداد
matchedCase.push("[a-z]"); // حروف کوچک
// بررسی شرایط
var ctr = 0;
for (var i = 0; i < matchedCase.length; i++) {
if (new RegExp(matchedCase[i]).test(password)) {
ctr++;
}
}
// نمایش متن
var color = "";
var strength = "";
switch (ctr) {
case 0:
case 1:
case 2:
strength = "بسیار ضعیف";
color = "red";
break;
case 3:
strength = "متوسط";
color = "orange";
break;
case 4:
strength = "قوی";
color = "green";
break;
}
document.getElementById("msg").innerHTML = strength;
document.getElementById("msg").style.color = color;
}
</script>
In my experience, input type="text" onchange event usually occurs only after you leave (blur) the control. Is there a way to force browser to trigger onchange every time textfield content changes?...
به هیچ وجه به اعتبار سنجی فرم ها با جاوا اسکریپت در سمت کاربر اکتفا نکنید و سعی کنید با اعتبارسنجی فرم ها در سمت سرور نیز ورودی های کاربر را کنترل و بررسی
رگولار اکسپرژنی که من ساختم میگه حرف اول باید حرف بزرگ باشه و بعدش ۲ تا ۱۰ حرف انگلیسی کوچک بیاید.
برنامه را اجرا کردم ، هر وقت از الگوی مد نظر خارج میشد ، یک alert می اومد با یک پیام که این طوری باید اسمت باشه.
ایراداتی دارد ، مثلا: وقتی کاربر هنوز حرف سوم را وارد نکرده میگه باید این طوری باشه اسمت ، خوب فرصت بده بنویسه ، بعد ایراد بگیر.
ولی از حرف سوم به بعد اعتراض نمی کنه و ساکت است ولی وقتی حرف ۱۲ ام وارد میشه باز اعتراض می کنه.
سالک: برای اینکه به کاربر فرصت بدهد چند حرف اول را بنویسید و مجازات قبل گناه نکند ، کد بررسی رگولار اکسپرزن را داخل این کد گذاشتم:
JavaScript:
let text = e.target.value;
let length = text.length;
if (length>3)
{
کد بررسی رگولار اکسپرژن
}
ادامه پست قبل:
با اصلاحیه ای که من وارد کردم تا حرف ۱۲ ام را وارد نکرده بود ، کد اعتراضی نکرد.
حتی اجازه میداد چند حرف اول را فارسی بنویسه.
چون کیبورد معمولا حرف اول را خودش حرف بزرگ می زنه و باقی را حرف کوچک ، رگولار اکسپرژن من هم موافق این طور نوشتن بود ولی وقتی حرف اول را کوچک وارد کردم صداش در حرف چهارم درآمد.
سالک: به نظر من اصلاحیه خوبیه و باید اجازه بدهیم کاربر مقداری بنویسد ، بعد ایراد بگیریم.
مخصوصا برای شرطی که من نوشتم که گفتم دو حرف کوچک بعد حرف بزرگ حداقل باید باشه. مثلا اسم Ali که دو حرف کوچک بعد حرف بزرگ اول دارد.ولی اسم دو حرفی فارسی من به ذهنم نرسید.
حالا اگر اسمی که کاربر می خواد ثبت نام کنه ، (حالا فرص کنید فرم ثبت نام بوده ولی همیشه که فرم ثبت نام نیست...) را قبلا کس دیگری ثبت نام کرده...خوب کاربر باید عددی پشت اسم وارد کند.
پس رگولار اکسپرژن را من این طوری تغییر دادم:
JavaScript:
var reg = /^([A-Z]){1}([a-z]){2,10}([0-9]){0,4}$/;
البته من زیاد در رگولار رکسپرژن حرفه ای نیستم ولی تست کردم دیدم درست کار می کنه ، یعنی بعد ۱۱ حرف اجازه می دهد ۴ تا عدد هم وارد شود. در مورد عدد صفر تا ۴ من نوشتم. یعنی کاربر می تونه اسم بی عدد وارد کنه ولی برای حرف کوچک حداقل ۲ حرف گرفتم. به اعداد داخل گیومه دقت کنید.
اندرلاین و منها و نقطه را اجازه ندادم. شما خواستی اضافه کن. برای نقطه باید قبلش بک اسلش بزاری چون حرف خاص است ولی آندرلاین و منها را همین جوری بنویس.
کدی که من نوشتم alert می دهد. و کار دیگر نمی کند.
جاوا اسکریپت می تونه چیزهایی که کاربر نوشته را پاک کنه.
فکر کنم باید در قسمت php هم چک بزارم. چون کد من فقط alert داد.
اگر روی دکمه فرم کد می نوشتیم شاید می توانست جلوگیری کند از ادامه کار ، (الان کدش را ندارم..)
ولی فعلا که کد من روی تکست است و فقط alert می دهد.
بهرحال تمرینی در بالا کردیم. شاید بعدا کدهای دیگری با هم نوشتیم.
حالا اگر بخواهیم کد php هم بنویسیم ، کد رگولار اکسپرژنش همین است و آماده است و کاربر هم با جاوا اسکریپت پیامهایی دریافت کرده و تا حدی در جریان هست.
من همین رگولار اکسپرژن را برای php هم استفاده کردم.این طوری:
PHP:
$check = preg_match('/^([A-Z]){1}([a-z]){2,10}([0-9]){0,4}$/', $name);
if (! $check ) {
پیام دادم اسم شما مشکل دارد
و صفحه را بعد مدتی رفرش کردم.
$error=1;
echo "<meta http-equiv='refresh' content='70'>";
}
اون متغیر خطا که یک بشه اجازه ثبت نام نمی دهد. یعنی بعدا با چک اون متغیر ثبت نام انجام میشه.
playcode.io
play.google.com
www.w3schools.com
stackoverflow.com
netparadis.com
Top Crypto Staking Platforms for High Staking Rewards