2013-05-22 9 views
9

में एचटीएमएल हेल्पर को एक प्रकार का ईमेल इनपुट करने के लिए इनपुट कैसे लागू करें इनपुट इनपुट कैसे करें, जिसमें Asp.net MVC3 Razor में HTML Helper को एक प्रकार का ईमेल है। उदाहरण के लिए:एएसपीनेट एमवीसी 3 रेजर

<input type="email" name="name" value=" " placeholder="[email protected]" /> 

वहाँ उस्तरा में विकल्प है?

उत्तर

27

आप Html.TextBox विधि का उपयोग कर सकते हैं। मॉडल पर

@Html.TextBox("name","", new { type = "email", placeholder = "[email protected]" }) 
+0

हम्म, मुझे नहीं लगता कि नया {type = "email"} काम करता है)। धन्यवाद, @ kardeş –

7

उपयोग Dataanotations:

[Required] 
[DataType(DataType.EmailAddress, ErrorMessage = "Invalid Email Address")] 
public string EmailAddress 
{ 
    get; 
    set; 

} 
+0

धन्यवाद, @ नरेश.लेकिन मुझे यह पता था। –

+2

बस इसे एमवीसी 5 (और शायद पुराने वाले) में जोड़ना यह केवल संपादक के साथ काम करता है, अगर आप टेक्स्टबॉक्स का उपयोग करते हैं तो यह डेटा टाइप को अनदेखा करता है। –

2

नीचे कोड पूरी तरह से मेरे लिए काम किया है। डिफ़ॉल्ट रूप से @Html.TextBoxFor<input type="text" /> बनाता है लेकिन type="email" संपत्ति को निर्दिष्ट करता <input type="email" />

<div class="editor-field"> 
    @Html.TextBoxFor(model => model.EmailId, new { @class = "popinputbox", placeholder = "Email ID", type = "email" }) 
    @Html.ValidationMessageFor(model => model.EmailId, "", new { @class = "errormsg" }) 
</div> 

समस्या हल हो जाता है। बिंगो !!

संबंधित मुद्दे