区块链技术博客
www.b2bchain.cn

提交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…

赞(0) 打赏
部分文章转自网络,侵权联系删除b2bchain区块链学习技术社区 » 提交ajax表单之前如何验证? – javascript程序员分享
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

b2b链

联系我们联系我们