2017-04-03 19 views
14

मैं अपने फॉर्म के सत्यापन/प्रतिक्रियाशील सत्यापन के बजाय कोणीय 4 में एचटीएमएल 5 सत्यापन का उपयोग करना चाहता हूं। मैं ब्राउज़र में सत्यापन को चालू रखना चाहता हूं।कोणीय 4 एचटीएमएल 5 सत्यापन

यह एंगुलर 2 में काम करता था, लेकिन जब से मैंने अपग्रेड किया है, मैं एचटीएमएल 5 का उपयोग करने के लिए मान्य करने के लिए किसी भी कोणीय निर्देश के बिना मैन्युअल रूप से फॉर्म भी नहीं बना सकता।

उदाहरण के लिए, इस पर सभी ब्राउज़र में मान्य नहीं होगा:

<form> 
<h2>Phone Number Validation</h2> 
<label for="phonenum">Phone Number (format: xxxx-xxx-xxxx):</label><br /> 
<input id="phonenum" type="tel" pattern="^\d{4}-\d{3}-\d{4}$" required> 

<input type="submit" value="Submit"> 

</form> 

उत्तर

28

Angular4 स्वचालित रूप से फ़ॉर्म में एक novalidate विशेषता कहते हैं।

enter image description here

रूप से ओवरराइड करने के लिए आपको फार्म के लिए ngNativeValidate निर्देश जोड़ सकते हैं।

<form ngNativeValidate> 
<h2>Phone Number Validation</h2> 
<label for="phonenum">Phone Number (format: xxxx-xxx-xxxx):</label><br /> 
<input id="phonenum" type="tel" pattern="^\d{4}-\d{3}-\d{4}$" required> 

<input type="submit" value="Submit"> 

</form> 

दुर्भाग्य से मैं नहीं दिख रहा है इस डॉक्स में अभी तक परिलक्षित होता है, लेकिन स्रोत कोड को देखकर यह पाया: आधार ngNativeValidate के रूप में एक ही प्रभाव है https://github.com/angular/angular/blob/master/packages/forms/src/directives/ng_no_validate_directive.ts

यह भी फार्म के लिए ngNoForm जोड़ने प्रकट होता है किसी भी कारण से किसी रूप के रूप में कुछ घोषित करने की आवश्यकता के लिए आपके उपयोग-मामलों पर।

उम्मीद है कि इससे मदद मिलती है।

+1

स्पॉट पर में; बहुत अच्छा काम करता है! – Magn3s1um

+0

सहायता की खुशी है। –

+0

मेरी जिंदगी बचाओ !! –

0

उपयोग ngNoForm या ngNativeValidate आपके प्रपत्र

<form ngNoForm/ngNativeValidate> 
... 
</form> 
संबंधित मुद्दे