MVC xác nhận phía khách hàng cho PhoneAttribute

Question

Tôi có một mô hình:

public class MyModel{ 
    [Phone] 
    public string MyTel { get; set; } 
} 

trong giao diện:

@model MyModel 
@Html.EditorFor(x => x.MyTel) 

HTML được tạo ra:

<input type="tel" value="" name="MyTel" id="MyTel" data-val-phone="The MyTel field is not a valid phone number." data-val="true" class="text-box single-line"/> 

khách hàng xác nhận phía cho MyTel trường không hoạt động. Làm thế nào để thực hiện công việc này?

Answer 1

Được hướng dẫn bởi bài viết Adding Client-Side Validation Support for PhoneAttribute or Fighting the Lookbehind in JavaScript

function initPhoneValidator() { 
    $.validator.addMethod("phone", function (value, element) { 
     if (this.optional(element)) { 
      return true; 
     } 
     var reverseValue = $.trim(value).split("").reverse().join(""); 
     var reverseRegEx = new RegExp("^(\\d+\\s?(x|\\.txe?)\\s?)?((\\)(\\d+[\\s\\-\\.]?)?\\d+\\(|\\d+)[\\s\\-\\.]?)*(\\)([\\s\\-\\.]?\\d+)?\\d+\\+?\\((?!\\+.*)|\\d+)(\\s?\\+)?$", "i"); 
     var match = reverseRegEx.exec(reverseValue); 
     return (match && (match.index === 0) && (match[0].length === value.length)); 
    }); 
    $.validator.unobtrusive.adapters.addBool("phone"); 
}