显示没有页面刷新的错误

我正在为我的网站制作评论function，并且需要这样做以便在此人提交评论（并且包含错​​误）之后，它将显示错误而不刷新页面。 我几乎不知道AJAX / JQuery，所以我需要一些帮助。

这是我到目前为止所拥有的：

   
  Post' . (isset($reply_message) ? '
' . $reply_message . '
' : '') . ' 
   

所以我需要它做的是，如果该人的评论框不符合标准（在这种情况下，是一个空字段），我需要它显示此错误行而不刷新页面：

 Post' . (isset($reply_message) ? '
' . $reply_message . '
' : '') . ' 

请帮忙。

Answer 1

我认为通过Javascript在客户端进行validation更容易。 不是简单地使用submit类型的按钮，而是编写一个函数并将其绑定到按钮的onclick()事件。

像这样的东西：

 function submit() { if (document.getElementById("myTextarea").value=='') { alert("Your comment is too short."); } else { document.getElementById("myForm").submit(); } } 

Answer 2

使用Javascript

HTML：

 Post comment 

使用Javascript：

Answer 3

对于基本validation，如空字段或输入框长度，您可以使用jQuery validate插件 – http://jquery.bassistance.de/validate/demo/或编写自己的东西。

您可以使用jQuery来实现更好的AJAX /error handling。 在这里查看jQuery AJAX的文档 – http://api.jquery.com/jQuery.ajax/

 $.ajax({ url: "test.html", //URL to send the request success: function() { //do something. This is fired when your response is successful }, error: function() { //highlight the field that has error or do something else here. } ); 

希望这可以帮助 ：）