اعتبارسنجي فرم با جاوااسكريپت

میخای خودت حتما با جاوا اسکریپت انجام بدی ؟ چون اگر type رو بزاری email خودش اعتبار سنجی میکنه

سلام
اگر type input رو مساوی با email قرار بدهید انجام میشه ...!

<input type="email">

@ajdar9667
@gomnam
ميخوام وقتي يك حالتي درست نباشه متن ارور به صورت يك span قرمز زير input ها نمايش داده شه.
تقريباً مثل سشن در لاراول
منتها من هيچ ايده اي نسبت به فريمورك هاي جاوااسكريپت ندارم و در سمت سرور اين كارا با متد هاي آماده و نوشتن متن ارور و ارسال با سشن انجام ميشه
ميخوام بدونم فريمورك هاي جاوااسكريپت مثل react و vue هم مثل لاراول داراي متد هاي آماده هست يا فقط يك چارچوب هست كه بايد كد جاوااسكريپت خام در اون نوشت؟
تشكر

با جی کویری و بوت استرپ اینجوری اقدام کنین :

if($("#email").attr("type")=="email" && !$("#email").val().match(/^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/)){
            $("#email").addClass('invalid');
            $("#email").attr('title','Enter valid email');
alert = "خطا"  ;     }  

شما به جای الرت به اسپن زیر اینپوت کدها html رو تزریق کن