Javascript 密码验证后发送数据

Javascript 密码验证后发送数据,javascript,jquery,ajax,validation,Javascript,Jquery,Ajax,Validation,我有一个表单可以将用户插入数据库。另一方面,我有两个密码验证脚本和检索php结果的ajax脚本 现在这两个脚本分别工作 我应该怎样做才能使ajax脚本在密码验证之后运行 密码验证 function Validate() { var password = document.getElementById("UserPwd").value; var confirmPassword = document.getElementById("ConfirmUserPwd").

我有一个表单可以将用户插入数据库。另一方面,我有两个密码验证脚本和检索php结果的ajax脚本

现在这两个脚本分别工作

我应该怎样做才能使ajax脚本在密码验证之后运行

密码验证

 function Validate() {
        var password = document.getElementById("UserPwd").value;
        var confirmPassword = document.getElementById("ConfirmUserPwd").value;
        if (password != confirmPassword) {
            alert("Please enter the same password");
            return false;
        }
        return true;
    }
脚本

  $.ajax({
      url: "insert_sp.php",
      method: "POST",
      data: {submit: 'true'},
      success: function(response) {

        var data = JSON && JSON.parse(response) || $.parseJSON(response);
        alert(data);
    }
});
更新

isset:
if(isset($\u POST['Submit']))

按钮:


密码验证成功后,对ajax请求执行另一个函数,然后调用ajax函数,如下所示

function ajax_request(){
$.ajax({
url: "insert_sp.php",
method: "POST",
data: {submit: 'true'},    
success: function(response) {
var data=JSON&&JSON.parse(response)||$.parseJSON(response);
alert(data);
console.log(data);
}
});

function Validate() {
var password = document.getElementById("UserPwd").value;
var confirmPassword = document.getElementById("ConfirmPassword").value;
if (password == confirmPassword) {
ajax_request();            
}else{
alert("Wrong Password");
return false;
}
}

密码验证成功后,对ajax请求执行另一个函数,然后调用ajax函数,如下所示

function ajax_request(){
$.ajax({
url: "insert_sp.php",
method: "POST",
data: {submit: 'true'},    
success: function(response) {
var data=JSON&&JSON.parse(response)||$.parseJSON(response);
alert(data);
console.log(data);
}
});

function Validate() {
var password = document.getElementById("UserPwd").value;
var confirmPassword = document.getElementById("ConfirmPassword").value;
if (password == confirmPassword) {
ajax_request();            
}else{
alert("Wrong Password");
return false;
}
}
  • 不要在表单中称任何东西为“提交”。如果需要,它将隐藏submit事件

  • 使用表单的“提交事件”和“事件”。请单击“事件”,而不是“提交”按钮

  • 如果您有jQuery,为什么不一直使用它呢

  • 请记住在插入之前在服务器上执行完全相同的验证

  • 我不能让你成为一个正在运行的代码段,因为这样不允许在他们的页面中提交。下面是代码-它应该按照设计工作

    $(函数(){
    $(“#我的表格”)。关于(“提交”,功能(e){
    e、 preventDefault();//取消表单提交
    var password=$(“#UserPwd”).val(),
    confirmPassword=$(“#confirmPassword”).val();
    console.log(密码、确认密码)
    如果($.trim(password)==密码&&//空格?
    密码!==“”&&//是否为空?
    密码===确认密码){//相同吗?
    $.ajax({
    url:“insert_sp.php”,
    方法:“张贴”,
    数据:{
    Submit:'true'//记住也要更改$\u POST测试
    },
    成功:功能(响应){
    var data=$.parseJSON(响应);
    控制台日志(数据);
    }
    });
    }否则{
    警报(“请输入相同的密码”);
    }
    });
    });
    
    
    

  • 不要在表单中称任何东西为“提交”。如果需要,它将隐藏submit事件

  • 使用表单的“提交事件”和“事件”。请单击“事件”,而不是“提交”按钮

  • 如果您有jQuery,为什么不一直使用它呢

  • 请记住在插入之前在服务器上执行完全相同的验证

  • 我不能让你成为一个正在运行的代码段,因为这样不允许在他们的页面中提交。下面是代码-它应该按照设计工作

    $(函数(){
    $(“#我的表格”)。关于(“提交”,功能(e){
    e、 preventDefault();//取消表单提交
    var password=$(“#UserPwd”).val(),
    confirmPassword=$(“#confirmPassword”).val();
    console.log(密码、确认密码)
    如果($.trim(password)==密码&&//空格?
    密码!==“”&&//是否为空?
    密码===确认密码){//相同吗?
    $.ajax({
    url:“insert_sp.php”,
    方法:“张贴”,
    数据:{
    Submit:'true'//记住也要更改$\u POST测试
    },
    成功:功能(响应){
    var data=$.parseJSON(响应);
    控制台日志(数据);
    }
    });
    }否则{
    警报(“请输入相同的密码”);
    }
    });
    });
    
    
    



    这可能有帮助现在这个问题不再有意义了-但是你仍然需要将
    submit:'true'
    更改为
    submit:'true'
    这可能有帮助现在这个问题不再有意义了-但是你仍然需要将
    submit:'true'
    更改为
    submit:'true'
    Hai@bharatsavani。你能告诉我你的观点吗?在密码验证之后,你能提出ajax请求的其他功能吗?我有点迷路了。你需要的密码是正确的,所以如果密码是正确的,那么调用ajax函数简单逻辑@我现在明白了,我尝试了你的解决方案,但它们不起作用。无法提交表单,并且没有密码验证。有什么想法吗@bharatsavani您需要哪种类型的密码验证?我只需要进行密码验证,以确保用户在发送数据@bharatsavaniHai@bharatsavani之前输入密码并进行确认。你能告诉我你的观点吗?在密码验证之后,你能提出ajax请求的其他功能吗?我有点迷路了。你需要的密码是正确的,所以如果密码是正确的,那么调用ajax函数简单逻辑@我现在明白了,我尝试了你的解决方案,但它们不起作用。无法提交表单,并且没有密码验证。有什么想法吗@Bharatsavani您需要哪种类型的密码验证?我只需要密码验证,以确保用户输入密码并在发送数据之前进行确认@Bharatsavani您从不在表单中调用任何“提交”的意思是指按钮的提交?我是个初学者,正在努力理解。如果我告诉你我使用
    if(isset($\u POST['submit']))
    进行提交有什么不同吗?关键是表单。提交将不再是一个事件,而是按钮。只需将$_POST['submit']更改为$_POST['submit']或其他内容,并根据需要更改按钮的名称以提交。好的,我知道了。我已经尝试了您的解决方案,但当我输入不同的密码时,数据仍会发送到数据库@控制台中的mplungjanLook没有错误@姆普隆詹。我更新了我的问题。如果你不介意的话,你能看一下吗?你从不在表单中称任何东西为“提交”的意思是指按钮的提交吗?我是个初学者,正在努力理解。如果我告诉你我使用
    if(isset($\u POST['submit']))
    进行提交有什么不同吗?关键是表单。提交将不再是一个事件,而是按钮。只需将$_POST['submit']更改为$_POST['submit']或其他内容,并根据需要更改按钮的名称以提交。好的,我知道了。我已经尝试过你的解决方案,但当我输入不同的密码时,数据仍然存在