jquery验证带内部标记的errorElement div

时间:2012-03-12 20:39:43

标签: jquery validation

对不起“阴天”的问题,匆忙而且非常沮丧。

我正在使用jquery验证,并希望创建提示看起来像验证消息。

通过提供errorElement,我可以控制错误将包含在哪个html标记中(默认情况下是其标签):

$( '形式')来验证({errorElement行: “div”});

为了创建类似于tip的div,我想在其中放置更多的html标签。我可以通过自己包装消息来做到这一点,但我不喜欢这样。

所以我的问题是:是否有一种方法可以使用嵌套的errorElements,还是有另一个属性可以用作模板?

谢谢,希望更清楚。

1 个答案:

答案 0 :(得分:0)

根据您的模糊问题,这是一个示例。假设html如下:div最初是空的。如果用户未在文本框中输入任何值,则会使用“p”标记填充

 ​<div id="errorDiv"></div>

 ​<input type="text" name="name" value=""/>
 <button type="button">Submit</button>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

jquery代码:

​$(document​).ready(function(){

    $("button").on("click",function(){
        //check if the textbox value is empty. if its empty, then update the innerhtml of the div.
        if($("input[name='name']").val() === ""){
            $("#errorDiv").html("<p>Enter Some Text</p>");
        }
        else {
            $("#errorDiv").html("");
        }
    });        
});​