Try Bootstrap form validation using javascript

Code

'; if (name.length < 2 || !/^[A-Za-z\s]+$/.test(name)) { var message = message_init + 'Name lenth must be greter then 2 and only character' + message_ends; $('#id_name').focus(); if($('input#id_name + div.alert.alert-danger').length == 0) { $('#id_name').after(message); } return false; }else{ $('input#id_name + div.alert.alert-danger').remove(); } if (!/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(email)) { var message = message_init + 'Please enter an email with proper formet' + message_ends; $('#id_email').focus(); if($('input#id_email + div.alert.alert-danger').length == 0) { $('#id_email').after(message); } return false; }else{ $('input#id_email + div.alert.alert-danger').remove(); } if (!/^\+?([0]{1})\)?([0-9]{9,10})$/.test(phone_no) && !/^\+?([91]{2})\)?([0-9]{9,10})$/.test(phone_no) ) { var message = message_init + 'Please fill your proper phno with +91 Or 0' + message_ends; $('#id_phone_no').focus(); if($('input#id_phone_no + div.alert.alert-danger').length == 0) { $('#id_phone_no').after(message); } return false; }else{ $('input#id_phone_no + div.alert.alert-danger').remove(); } return true; } function validate_name(){ var name = $('#id_name').val(); if (name.length < 2 || !/^[A-Za-z\s]+$/.test(name)) { var message = '
×Name lenth must be greter then 2 and only character
'; $('#id_name').focus(); if($('input#id_name + div.alert.alert-danger').length == 0) { $('#id_name').after(message); } }else{ $('input#id_name + div.alert.alert-danger').remove(); } } function validate_email(){ var email = $('#id_email').val(); if (!/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(email)) { var message = '
×Please enter an email with proper formet
'; $('#id_email').focus(); if($('input#id_email + div.alert.alert-danger').length == 0) { $('#id_email').after(message); } }else{ $('input#id_email + div.alert.alert-danger').remove(); } } function validate_phone(){ var phone_no = $('#id_phone_no').val(); if (!/^\+?([0]{1})\)?([0-9]{9,10})$/.test(phone_no) && !/^\+?([91]{2})\)?([0-9]{9,10})$/.test(phone_no) ) { var message = '
×Please fill your proper phno with +91 Or 0
'; $('#id_phone_no').focus(); if($('input#id_phone_no + div.alert.alert-danger').length == 0) { $('#id_phone_no').after(message); } }else{ $('input#id_phone_no + div.alert.alert-danger').remove(); } }

Result

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
Best Wordpress Adblock Detecting Plugin | CHP Adblock