مقایسه مقدار اینپوت باکس با type آن در جی کویری

پاسخ هوش مصنوعی

شما می توانید از جیکویری برای دریافت مقدار اینپوت و مقایسه آن با نوع آن استفاده کنید. در اینجا یک نمونه کد برای بررسی مقدار ورودی و نمایش پیام خطا زمانی که مقدار وارد شده با نوع اینپوت مطابقت ندارد، ارایه می شود:

$(document).ready(function() {
    $('#form').submit(function(event) {
        var emailValue = $('#email').val();
        var emailType = $('#email').attr('type');
        
        // بررسی می کند که آیا آدرس ایمیل معتبر است
        if (emailType === 'email' && !isValidEmail(emailValue)) {
            event.preventDefault(); // جلوگیری از ارسال فرم
            alert('لطفاً یک آدرس ایمیل معتبر وارد کنید!'); // پیام خطای سفارشی
        }
    });
    
    // تابعی برای اعتبارسنجی آدرس ایمیل
    function isValidEmail(email) {
        var emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
        return emailPattern.test(email);
    }
});

در این کد:

• با استفاده از $('#form').submit(...) رویداد ارسال فرم را کنترل می کنیم.
• مقدار ورودی ایمیل را با $('#email').val() می گیریم.
• نوع اینپوت را با $('#email').attr('type') دریافت می کنیم.
• اگر مقدار وارد شده با الگوی آدرس ایمیل مطابقت نداشت، فرم ارسال نمی شود و یک پیام خطا نمایش داده می شود.

اگر پروژه شما با Asp.net mvc و یا Asp.net core هست که می تونید اعتبارسنجی Input ها رو سمت سرور هم انجام بدید. برای این منظور و برای کنترل فرمت صحیح ایمیل میتونید در Model خودتون از دستورات زیر استفاده کنید

  
        [Display(Name = "ایمیل")]
        [Required(AllowEmptyStrings = false, ErrorMessage = "لطفا ایمیل را وارد کنید.")]
        [RegularExpression(@"^\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$", ErrorMessage = "لطفا ایمیل را صحیح وارد کنید.")]
        public string Email { get; set; }

در دستور بالا فیلد Email توسط عبارات باقاعده یا Regular Expression ها اعتبار سنجی میشه و در قسمت View یا UI پروژه هم می تونید از دستور زیر استفاده کنید.

     <!--Email-->
                    <div class="form-group">
                        <label asp-for="Email" class="control-label"></label>
                        <div>
                            <input asp-for="Email" id="Email" type="text" class="form-control"  placeholder="ایمیل خود را با دقت وارد نمایید ..." />
                        </div>
                        <span asp-validation-for="Email" class="alert alert-danger"></span>
                    </div>

با این دستورات اگر کاربر موقع ورود اطلاعات ایمیل رو با فرمتی اشتباه وارد کنه خطا خواهد گرفت.

اما اگر هدف شما این هست که فقط توسط دستورات جی کوئری این اعتبارسنجی رو انجام بدید میتونید وقتی فرم داره به سمت سرور submit میشه و یا در رویداد onChange مربوط به input ایمیل از دستور زیر استفاده کنید

var testEmail = /^[A-Z0-9._%+-]+@([A-Z0-9-]+\.)+[A-Z]{2,4}$/i;
if (testEmail.test(valueToTest))
    // Do whatever if it passes.
else
    // Do whatever if it fails.

در عبارت بالا هم توسط عبارات باقاعده این اعتبار سنجی در سمت کلاینت انجام میشه.

برای کسب اطلاعات بیشتر هم میتونید به این لینک مراجعه کنید.

موفق باشید

ممنون از پاسختون ولی من فراموش کردم بگم که از مودال استفاده کردم از هیچ کدام از این موارد نمیشه استفاده کرد اگر راهی هست برای مودال لطفا راهنمایی کنید