{"id":9192,"date":"2024-09-23T07:06:00","date_gmt":"2024-09-23T07:06:00","guid":{"rendered":"https:\/\/www.infinitivehost.com\/knowledge-base\/?p=9192"},"modified":"2024-09-23T07:39:19","modified_gmt":"2024-09-23T07:39:19","slug":"validate-vtiger-crm-6-2-custom-fields-with-jquery-easily","status":"publish","type":"post","link":"https:\/\/www.infinitivehost.com\/knowledge-base\/validate-vtiger-crm-6-2-custom-fields-with-jquery-easily\/","title":{"rendered":"Validate Vtiger CRM 6.2 Custom Fields with jQuery Easily"},"content":{"rendered":"
<\/span> 1,772<\/span> Views<\/span><\/div>\n

To validate fields in Vtiger CRM 6.2 for a custom module using jQuery, you can follow these steps. This guide assumes that you’re customizing the module’s form and want to ensure that specific fields are validated before submission.<\/p>\n\n\n\n

Step-by-Step Guide:<\/h3>\n\n\n\n
    \n
  1. Identify the Form:<\/strong>
    Vtiger’s forms for custom modules typically have an ID like EditView<\/mark><\/code>. You need to hook into this form using jQuery.<\/li>\n\n\n\n
  2. Add jQuery Validation:<\/strong>
    Use jQuery to validate the form fields on form submission or on a specific event (e.g., blur<\/mark><\/code> event when the user leaves the field).<\/li>\n\n\n\n
  3. Custom Validation Logic:<\/strong>
    Create custom validation logic depending on the fields you want to validate (e.g., checking if a field is empty, or if it has a valid email format).<\/li>\n<\/ol>\n\n\n\n

    Sample jQuery Code:<\/h3>\n\n\n\n

    Here is an example that shows how to validate a custom field (e.g., “phone number” and “email”) in a Vtiger form using jQuery:<\/p>\n\n\n\n

    <script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\n\n<script>\n$(document).ready(function() {\n    \/\/ On form submission\n    $('#EditView').submit(function(event) {\n        var isValid = true;\n\n        \/\/ Validate phone number field (assuming field name is 'phone')\n        var phoneNumber = $('input[name=\"phone\"]').val();\n        if (phoneNumber == '') {\n            isValid = false;\n            alert('Phone number cannot be empty.');\n        } else if (!\/^\\d{10}$\/.test(phoneNumber)) {\n            isValid = false;\n            alert('Phone number must be 10 digits.');\n        }\n\n        \/\/ Validate email field (assuming field name is 'email')\n        var email = $('input[name=\"email\"]').val();\n        if (email == '') {\n            isValid = false;\n            alert('Email cannot be empty.');\n        } else if (!\/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,6}$\/.test(email)) {\n            isValid = false;\n            alert('Invalid email format.');\n        }\n\n        \/\/ If the form is not valid, prevent submission\n        if (!isValid) {\n            event.preventDefault(); \/\/ Stop form submission\n        }\n    });\n});\n<\/script><\/mark><\/code><\/code><\/pre>\n\n\n\n
    Explanation:<\/h3>\n\n\n\n
      \n
    1. Form Selection:<\/strong><\/li>\n<\/ol>\n\n\n\n