jquery from表单提交

最新推荐文章于 2024-09-08 21:45:17 发布

原创最新推荐文章于 2024-09-08 21:45:17 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery form #表单 #jquery

jquery 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的密码修改功能，包括表单验证及通过AJAX提交表单到服务器的过程。文章详细展示了如何验证旧密码和新密码是否为空，并在提交前移除之前的错误提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//提交密码设置

function passwordSubmit(){

$("#passwordForm").submit(function(){//passwordForm 表单id.
 var len=0,password=$("#oldPassrod").val(),
 passwordNew=$("#newPassword").val();
 if (password == "") {
 $("#oldPassrod").nextAll().remove();
 $("#oldPassrod").after("请输入");
 }
 if (passwordNew == "") {
 $("#newPassword").nextAll().remove();
 $("#newPassword").after("请输入");
 }
 len=$(".paddwordDIv .error").size();
 if(len>0){
 alert("输入错误，请检查");
 return false;//返回false，form不会提交
 }
 $(this).ajaxSubmit({
 url:"/DRM/account/userAccount/updatePassword",
 type:"post",
 dataType:"text",
 async:false,
 success:function(data){
 if(data=="密码不能为空"){
 alert(data);
 }else if(data=="原始密码错误"){
 alert("原始密码输入错误");
 }else{
 alert("密码修改成功！");
 }
 },
 error:function(XMLHttpRequest, textStatus, errorThrown){
 alert("方法调用失败");
 }
 });
 return false;//阻止默认的提交方式
 });
}