How do I validate a field to only except numbers, in my code below I want persal_no to only except numeric values and be unique, as persal_no is a unique number given by the government to teachers. How can this be achieved using query?
$(document).ready(function () {
$("#employeeDetailsForm").validate({ rules: { "persal_no":{ required: true, maxlength: true}, title_id: "required", emp_first_name: "required", emp_surname: "required", gender_id: "required", "email_addr": { email: true , required:true }, id_no: "required", emp_tel_no: "required", emp_cell_no: "required", UserId: "required" }, messages: { "persal_no": { required: "Please enter employee persal number", maxlength:"Maximum length 10 digits" }, title_id: "Please select a title from the list", emp_first_name: "Please enter employee first name", emp_surname: "Please enter employee last name", gender_id: "Please select employee gender type", "email_addr": { required: "Please enter email address" , email: "Format incorrect" }, id_no: "Please enter employee ID number", emp_tel_no: "Please enter employee telephone number", emp_cell_no: "Please enter employee cellphone number", UserId: "Please select a User ID" } });
$("#create").click(function () {
if (!$("#employeeDetailsForm").valid()) { return false; }
$("#dialog").dialog({ resizable: false, width: 540, height: 150, modal: true, hide: "clip", show: "slide", buttons: { "Confirm": function () { $.ajax({ type: 'POST', url: "/EmployeeDetails/Insert", dataType: "json", data: { persal_no: $("#persal_no").val(), title_id: $("#title_id").val(), emp_first_name: $("#emp_first_name").val(), emp_middle_name: $("#emp_middle_name").val(), emp_surname: $("#emp_surname").val(), gender_id: $("#gender_id").val(), email_addr: $("#email_addr").val(), id_no: $("#id_no").val(), emp_tel_no: $("#emp_tel_no").val(), emp_cell_no: $("#emp_cell_no").val(), UserId: $("#UserId").val(), __RequestVerificationToken: $('input[name=__RequestVerificationToken]').val() }, success: function (data) { //var value = data.message; //alert(value); $("#dialog").dialog("close"); $("#dialogSuccess").dialog({ resizable: false, width: 540, height: 150, modal: true, show: "slide", buttons: { "OK": function () { $("#dialogSuccess").dialog("close"); window.location = "/EmployeeDetails/Search"; } } }); }, error: function (xhr) { alert(xhr.responseText); $("#dialog").dialog("close"); } }); //document.categoryForm.submit(); }, Cancel: function () { $(this).dialog("close"); } } }); });});