Asp.net mvc 未应用Html.Textbox验证CSS

提前感谢您的帮助。我创建的两个网站出现问题。我在页面上有需要填写的Html.TextBox，我进行了验证工作，以便在它们为空时显示验证消息。我的问题是文本框本身的CSS。由于某些原因，文本框不会应用.input验证错误CSS样式，但Html.TextArea会应用！当文本框中只允许15或20个字符时，使用文本区域对我来说是不切实际的

                    </tr>
                    <tr>
                        <td style="vertical-align: top; text-align: center;">
                            <input type="submit" value="Send Message" />&nbsp;<input type="reset" value="Reset Form" />
                        </td>
                    </tr>
                </table>
        <% } %>

然后，文本框和它们附带的ValidationMessages具有相同的名称

                    </tr>
                    <tr>
                        <td style="vertical-align: top; text-align: center;">
                            <input type="submit" value="Send Message" />&nbsp;<input type="reset" value="Reset Form" />
                        </td>
                    </tr>
                </table>
        <% } %>

我被难住了

                    </tr>
                    <tr>
                        <td style="vertical-align: top; text-align: center;">
                            <input type="submit" value="Send Message" />&nbsp;<input type="reset" value="Reset Form" />
                        </td>
                    </tr>
                </table>
        <% } %>

谢谢， 蒂姆·萨维奇 网络开发者

---

ACEP，LLC

如果是这样，HTML文本框的HTML如下所示

<input type='text' name='something'></input>

<textarea name='something'></textarea>

                    </tr>
                    <tr>
                        <td style="vertical-align: top; text-align: center;">
                            <input type="submit" value="Send Message" />&nbsp;<input type="reset" value="Reset Form" />
                        </td>
                    </tr>
                </table>
        <% } %>

而文本区域看起来像

<input type='text' name='something'></input>

<textarea name='something'></textarea>

                    </tr>
                    <tr>
                        <td style="vertical-align: top; text-align: center;">
                            <input type="submit" value="Send Message" />&nbsp;<input type="reset" value="Reset Form" />
                        </td>
                    </tr>
                </table>
        <% } %>

---

你确定CSS是正确的吗？一些示例代码可能会有所帮助…

嘿，谢谢你提供的信息。这里有一些关于这个问题的代码。首先是一些背景：我使用的是一个视图模型，其中包括诸如contactName、contactAddress、contactMessage等信息（这是一个电子邮件应用程序）。该视图包含一个用于输入contactName或contactAddress的文本框和一个用于消息的文本区域

                    </tr>
                    <tr>
                        <td style="vertical-align: top; text-align: center;">
                            <input type="submit" value="Send Message" />&nbsp;<input type="reset" value="Reset Form" />
                        </td>
                    </tr>
                </table>
        <% } %>

如果contactName文本框为空或包含无效的电子邮件地址，则会向ModelState添加一条错误消息，并显示ValidationMessage（仅包含星号（*）。TextArea（设置方式相同）显示星号，也变为红色，并有红色边框，但TextBox没有

                    </tr>
                    <tr>
                        <td style="vertical-align: top; text-align: center;">
                            <input type="submit" value="Send Message" />&nbsp;<input type="reset" value="Reset Form" />
                        </td>
                    </tr>
                </table>
        <% } %>

---

下面是一些代码：

                    </tr>
                    <tr>
                        <td style="vertical-align: top; text-align: center;">
                            <input type="submit" value="Send Message" />&nbsp;<input type="reset" value="Reset Form" />
                        </td>
                    </tr>
                </table>
        <% } %>

视图模型：
命名空间SendAPage.Models.ViewModels { 公共类SendMailViewModel { 公共int Id{get；set；} 公共字符串contactName{get；set；} 公共字符串[]联系人名称{get；set；} 公共字符串contactAddress{get；set；} 公共int属性ID{get；set；} 公共字符串contactMessage{get；set；}

        public Property Property { get; set; }

        public SelectList PropertySelectList { get; set; }

        public string[] selectedContacts { get; set; }

        public bool IsValid { get { return (GetRuleViolations().Count() == 0); } }

        public IEnumerable<RuleViolation> GetRuleViolations()
        {
            if (string.IsNullOrEmpty(contactMessage))
                yield return new RuleViolation("The message cannot be empty", "contactMessage");
            if (string.IsNullOrEmpty(contactName) && (contactNames == null || contactNames.Count() == 0))
                yield return new RuleViolation("You must select a person to send to", "contactName");
            if(!Regex.IsMatch(contactName, @"^[a-zA-Z][\w\.-]*[a-zA-Z0-9]@[a-zA-Z0-9][\w\.-]*[a-zA-Z0-9]\.[a-zA-Z][a-zA-Z\.]*[a-zA-Z]$"))
                yield return new RuleViolation("The Email Address is not valid. Please enter a new one.", "contactName");
        }

    }
}

                    </tr>
                    <tr>
                        <td style="vertical-align: top; text-align: center;">
                            <input type="submit" value="Send Message" />&nbsp;<input type="reset" value="Reset Form" />
                        </td>
                    </tr>
                </table>
        <% } %>

如有任何信息，将不胜感激

                    </tr>
                    <tr>
                        <td style="vertical-align: top; text-align: center;">
                            <input type="submit" value="Send Message" />&nbsp;<input type="reset" value="Reset Form" />
                        </td>
                    </tr>
                </table>
        <% } %>

谢谢,

                    </tr>
                    <tr>
                        <td style="vertical-align: top; text-align: center;">
                            <input type="submit" value="Send Message" />&nbsp;<input type="reset" value="Reset Form" />
                        </td>
                    </tr>
                </table>
        <% } %>

蒂姆·萨维奇
Web开发人员

---

ACEP，LLC

同时添加.input验证错误和.input.input-validation-error类。

欢迎使用SO。您可能需要显示一些代码。您可以添加一些代码吗？

                    </tr>
                    <tr>
                        <td style="vertical-align: top; text-align: center;">
                            <input type="submit" value="Send Message" />&nbsp;<input type="reset" value="Reset Form" />
                        </td>
                    </tr>
                </table>
        <% } %>