提交ajax表单之前如何验证？ – javascript程序员分享

本文介绍了提交ajax表单之前如何验证？ – javascript程序员分享，有助于帮助完成毕业设计以及求职，是一篇很好的资料。

对技术面试,学习经验等有一些体会，在此分享。

我正在对服务器上的php页面进行ajax跨域请求。
我通过ajax从html发布表单到服务器上的php页面。
在客户端进行验证时遇到问题。

我不知道在发送表单之前如何在客户端进行验证。

html表单是标准表单，张贴输入字段：名称，姓氏，消息…。
我的HTML表单，客户端：

<script type="text/javascript">      var output = $('.nesa');       $(document).ready(function(){      $("#form1").submit(function (e) {      e.preventDefault();      $.ajax({         url: 'http://www.example.com/form.php',         crossDomain: true, //set as a cross domain requests         type: 'post',         data: $("#form1").serialize(),         beforeSend: function (){         // add spinner          $('.spinner').append('<img id="animacija" src="spinnersmall.gif" alt="Loading" />');                    },          success: function (data) {             $(".nesa").html(data);             alert("sent " + data);          },          error: function(){              output.text('Message is not sent!');          }      }); });  }); 

如何验证？我尝试将代码放入beforeSend中，但没有成功。
或者也许使用submitHandler？

想法是用户单击提交时，验证开始，如果没有告诉“插入您的电子邮件地址”。现在，当我单击提交时，它将数据发送到服务器。我要先检查输入字段。

这种形式在将数据发送到服务器时是可行的，但只需要弄清楚如何进行验证即可。在ajax调用中将验证放在哪里？

谢谢

参考方案

创建一个函数来验证返回true / false的表单。在$ .ajax之前调用该函数。检查return是否为false，然后返回..参见下面的示例…

if(!validateForm())     return false; 

使用JS和PHP更改弹出窗口背景图像 – javascript

我有一个JS函数：function zoom(now) { document.getElementById("popup").style.display = "block"; document.getElementById("photos").style.backgroundImage = &#03…

PHP json_encode数组到javascript关联数组 – javascript

我有一些从PHP中读取的mysqli列。它正在完美地获取和回显。$results = mysqli_fetch_assoc(mysqli_query($conn, $querystring)); echo json_encode($results); //$results = {"title":"Sea Shells"…

PHP-显示特殊字符 – javascript

允许用户输入的代码段//fetch user input and pass it in URL alertify.prompt("Please enter note/remarks for this Form (optional):", function (e,value) { if (e) { alertify.success(&#03…

执行onclick时获得意外令牌 – javascript

我正在使用onclick事件从PHP调用JS函数。这是我的代码：我在一个函数中，因此我需要通过PHP来完成它，因为然后我会返回：$html = '<input type="checkbox" checked value="1" id="setGetSku" name="se…

Mongo汇总 – javascript

我的收藏中有以下文件{ "_id": ObjectId("54490b8104f7142f22ecc97f"), "title": "Sample1", "slug": "samplenews", "cat": &#03…