如何将 jQuery 验证插件与 textarea 一起使用？答案

【问题标题】：How to use jQuery Validation Plugin with textarea?如何将 jQuery 验证插件与 textarea 一起使用？
【发布时间】：2012-01-15 20:12:56
【问题描述】：

我在理解如何实现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 或我喜欢的任何其他内容。

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

我试过了：

【问题讨论】：

看看这个stackoverflow.com/questions/137872/…希望这会有所帮助

标签： javascript jquery ajax jquery-validate validation

【解决方案1】：

如果您只需要确保用户不能发布 HTML，请查看 StackOverflow 上的这篇文章：HTML-encoding lost when attribute read from input field。

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

【讨论】：

【解决方案2】：

试试这个

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

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

检查一下

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

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

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

【讨论】：