如何在textarea中使用jQuery Validation Plugin?

时间:2012-01-15 20:12:56

标签: javascript jquery ajax jquery-validate validation

我在理解如何实施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

});

添加验证插件后,如何设置默认值并确保它是我希望表单执行的操作?

这只是一个textarea,用户提交一个简单的引用。 (文字和数字),不应提交任何其他内容。现在我可以提交HTML或其他任何我喜欢的内容。

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

我试过了:

2 个答案:

答案 0 :(得分:0)

如果您只需确保用户无法发布HTML,请查看StackOverflow上的这篇文章:HTML-encoding lost when attribute read from input field

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

答案 1 :(得分:0)

试试这个

$("#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

希望这有助于...................:D:D

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

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