Question

我正在使用jquery验证来显示my表单元素的错误消息。我有两个输入字段都是电子邮件。但是一次只显示一个字段（我有一个在字段之间切换的链接）。

我使用jquery隐藏字段隐藏和显示，并在隐藏字段上使用属性禁用。因此，在表单提交时，jquery验证仅在第一个元素上启动，但是ev

当第二个元素可见时，jquery验证仅在第一个元素上显示错误，即使它被禁用和隐藏。好的是形式是抛出错误但错误没有显示在第二个元素

就像占位符一样，这是我的样本表格

＆＃13;

document.ready(function() {
validator=test.my_validator({
    formId: "form",
    rules: {
        email: true
    },
    messages: {
    	email: "this is required"
	}
});


	$("#show-email2").click(function() {
        //hidden element
        $(".email1").hide();
        $(".email1").value("");
        $(".email1").attr("disabled","disabled");
        //visible element
        $(".email2").removeAttr("disabled","false");
        $(".email2").show();
        
    });
    $("show-email1").click(function() {
        //hidden element
        $(".email2").hide();
        $(".email2").value("");
        $(".email2").attr("disabled","disabled");
        //visible element
        $(".email1").removeAttr("disabled","false");
        $(".email1").show();

    });
});

＆＃13;

    <input type="text" id="email" name="email" class="email1"/>
    <a href="#" id="show-email2"></a>
    <input type="text" id="email" name="email" class="email2"/>
    <a href="#" id="show-email1"></a>
    
    <button type="submit"></button>

＆＃13;

在可见的字段

0 个答案: