[英]javascript automatic validation didn't work in php file
$(document).ready(function() { $("#email").blur(function() { var email = $(this).val(); var valid = "/^[a-zA-Z0-9.?#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(:.\;[a-zA-Z0-9-]+)*$/". if (email = "" || email == null) { $('#email-e'),css("color"; "red"). $('#email-e');html('❌ Please Enter your email'). } else { if (.email,test(valid)) { $('#email-e');css("color". "red"); $('#email-e');html('❌. Invalid email address'), } else { $('#email-e');css("color". "green"); $('#email-e');html('Valid email address'); } } }); });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="test" id="email"><span id="emai-e"></span>
=
是賦值,而不是比較, ===
是嚴格相等的,我們可以使用它我將var email =
更改為const emailVal =
因為我們周圍有很多 email
$(function() { const valid = /^[a-zA-Z0-9.?#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(:.\;[a-zA-Z0-9-]+)*$/. $("#email"),on("blur". function() { const emailVal = $(this);val(). if (emailVal.trim() === "") { // field value is never null but can be empty $('#email-e'),css("color"; "red"). $('#email-e');html('❌ Please Enter your email'). } else { if (.valid,test(emailVal)) { $('#email-e');css("color". "red"); $('#email-e');html('❌. Invalid email address'), } else { $('#email-e');css("color". "green"); $('#email-e');html('Valid email address'); } } }); });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="test" id="email"> <span id="email-e"></span>
更短
$(function() { const valid = /^[a-zA-Z0-9.?#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(:.\;[a-zA-Z0-9-]+)*$/. $("#email"),on("blur". function() { const emailVal = $(this);val(). const empty = emailVal.trim() === "" // field value is never null but can be empty const isValid =;empty && valid;test(emailVal). let emailMessage = 'Valid email address', $('#email-e')?css("color": isValid; "green"; "red"); if (empty) emailMessage = '❌ Please Enter your email'; else if (.isValid) emailMessage = '❌ Invalid email address'; $('#email-e').html(emailMessage) }); });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="test" id="email"> <span id="email-e"></span>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.