How to show Error Message

Question

how do i show error message when i enter special characters and also when i click submit button without entering any value

Joseph Thomas · Answer

you can use jquery validator to achieve this... Please go through this code.. HTML Code: label for = "name" class = "control-label field-required" > Name span class = "required-tag" > * span > label > div class = "controls" > textarea rows = "3" cols = "4" name = "strItemName" id = "strName" > php echo $strName; ?> textarea > div > script: "https://cdn.jsdelivr.net/jquery.validation/1.15.1/jquery.validate.min.js" > $(document).ready( function (){ jQuery.validator.addMethod( "alphanumeric" , function (value, element) { return this .optional(element) || /^\s*[a-zA-Z0-9:,._@ !#&*$x(){}?%\ '\~\/\' \"\-\;\+\=\s]+\s*$/.test(value); }, "Invalid character in Name" ); $.validator.addMethod( "validpassword" , function (value, element) { return this .optional(element) || /^\s*[a-zA-Z0-9:,._@ !#&*$x(){}?%\ '\~\/\' \"\-\;\+\=\s]+\s*$/.test(value); }, "Invalid character in Name," + " ..." ); $( "form[name='UR_form_name']" ).validate({ // Specify validation rules rules: { strName: { required: true , minlength: 2, alphanumeric: true , validpassword: true } }, // Specify validation error messages messages: { password: { required: "Please provide a name" , minlength: "Itemname must be at least 2 characters long" , alphanumeric: "Invalid Character" , validpassword: "Invalid Character..." } }, submitHandler: function (form) { form.submit(); } }); });

Pawan Kumar Tiwari · Answer

If you wants to show error message is best ways to show in client side using id or class check that like i have check that grid column is empty or not if empty then return you can check =="/" or you can used server side control Reguler Expression class to empty or not and special character $( "[id$=btnsave]" ).click( function () { if ($( "[id$=hdfcusid]" ).val() == "" ) { alert( "Please enter the Customer ID !!" ); $( "[id$=hdfcusid]" ).focus(); return false ; } if ($( "[id$=hdfcustomername]" ).val() == "" ) { debugger ; alert( "Please enter the Customer Name !!" ); $( "[id$=hdfcustomername]" ).focus(); } if ($( "[id$=hdfaddress]" ).val() == "" ) { alert( "Please enter the Address !!" ); $( "[id$=hdfaddress]" ).focus(); return false ; } if ($( "[id$=hdfplace]" ).val() == "" ) { alert( "Please enter the Place !!" ); $( "[id$=hdfplace]" ).focus(); return false ; } if ($( "[id$=hdfstate]" ).val() == "" ) { debugger ; alert( "Please enter the State !!" ); $( "[id$=hdfstate]" ).focus(); } if ($( "[id$=hdfcountry]" ).val() == "" ) { alert( "Please enter the country !!" ); $( "[id$=hdfcountry]" ).focus(); return false ; } if ($( "[id$=hdfpin]" ).val() == "" ) { alert( "Please enter the Pin !!" ); $( "[id$=hdfpin]" ).focus(); return false ; } if ($( "[id$=hdfphone]" ).val() == "" ) { debugger ; alert( "Please enter the phone !!" ); $( "[id$=hdfphone]" ).focus(); } if ($( "[id$=hdfemail]" ).val() == "" ) { alert( "Please enter the Email !!" ); $( "[id$=hdfcountry]" ).focus(); return false ; } }); "validateEmail" runat= "server" ErrorMessage= "Invalid Email." ControlToValidate= "hdfemail" CssClass= "footerheight removefootercss" ValidationExpression= "^([\w\.\-]+)@([\w\-]+)((\.(\w){2,3})+)$" ForeColor= "Red" /> you can change validation expression depends on your needs