如何在textarea中使用jQuery验证插件？

Question

我在理解如何实现jQuery Validation Plugin时遇到了一些麻烦。通过Ajax提交的表单：

$(document).delegate("'#submit-quote'", "submit", function(){
        var quoteVal = $(this).find('[name="quote"]').val();
        $.post("add.php", $(this).serialize(), function(data) {
            var like = $('.quote-wrap span iframe');
            $('.inner').prepend('<div id="'  + data + ' " class="quote-wrap group">' + like + '<div class="quote"><p>' + quoteVal+ '</p></div></div>');
            // console.log("success");
            var id = parseInt(data);
            console.log(id)

// some code after being successfully sent

});

添加验证插件后，我将如何设置默认值并确保它是我想要表单执行的操作？

这只是一个文本区域，用户提交简单的报价单。 （文本和数字），并且不应提交其他任何内容。现在，我可以提交HTML或其他我喜欢的东西。

我需要做些什么来确保用户不能？

我尝试过：

Answer 1

如果需要做的就是确保用户无法发布HTML，请在StackOverflow上查看此文章：HTML-encoding lost when attribute read from input field。

否则，您可以在验证期间使用jQuery验证执行类似的方法。

Answer 2

尝试一下

$("#myform").validate();
$("a.check").click(function () {
    if ($("#myform").valid()) {
        //if valid do form submit
    }
    else {
        return false;
    }
});

您可以检查表格的有效性。如果有效，做你的工作。否则返回false，

检查此

http://docs.jquery.com/Plugins/Validation/valid

还有一件事，您正在使用表单的submit事件。导致页面刷新。所以你必须

返回假或使用http://api.jquery.com/event.preventDefault/