繁体   English   中英

使用javascript验证HTML表单(未知错误),然后将其定向到php文件

[英]Validating the HTML form with javascript (unknown error) then direct it to php file

我正在帮助制作移动应用程序。 我通过查找程序中的类似脚本来提供帮助。 有用于注册的表单,用于验证的javascript可以在其​​中很好地工作,但是当我尝试制作密码更改表单时,它不能全部起作用。

这是pengaturan.html中的html表单

<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
<link rel="stylesheet" type="text/css" href="css/style1.css" />

<script src="jq/proses/script.js"></script>
<script src="jq/proses/set_ip.js"></script>
<script src="jq/proses/newpass/newpass.js"></script>

<title>edc - e diabet consult</title>
</head>
<body>
<h1 align="center">Pengaturan</h1>

<p align="left" class="navigation">

<a href="settings.html" class="back">
<img src="ico/kembali.png">
</a>

</p>

<form id="form_pengaturan">

<p align="center">

<strong>Password lama:</strong><br />
<input type="password" name="pass" /><br />

<strong>Password baru:</strong><br />
<input type="password" name="newpass" /><br />

<strong>Konfirmasi password baru:</strong><br />
<input type="password" name="confnewpass" /><br /><br/>

<input type="button" value="Simpan" onclick="cek_pass()" id="simpan" class="button"></button> 
<input type="reset" value="Reset" class="button"/>

</p>
</form>
</body>
</html>

这是处理newpass.js中的onclick函数的javascript

var urlini = seturl();
var part= 'newpass/';
//alert("panggil newlog js!");

//Save data into db
function cek_pass() {
    //alert("masuk func cek!"); 
    pass =  ($("#pass").val()); 
    newpass =  /^([-a-z0-9_-])+$/i.test($("#newpass").val());
    confnewpass =  /^([-a-z0-9_-])+$/i.test($("#confnewpass").val());

    var form_reg =  $("input").val();
    if(form_reg == "")
    {
        alert("Semua data harus diisi.");
    }
    else if($("#newpass, #confnewpass").val().length  < 5 || $("#newpass, #confnewpass").val().length > 15)
    {
        alert("Terdapat kesalahan atau data kosong pada pengisian data.\nPastikan password Anda lebih dari 5 dan kurang dari 15 karakter.");
    }
    else if( !pass || !newpass || !confnewpass || $("#newpass").val() != $("#confnewpass").val())
    {
        alert("Terdapat kesalahan atau data kosong pada pengisian data.\nPastikan password Anda sesuai.");
    }
    else
    {
        $.post(urlini+part+'cek',
        $('#form_pengaturan').serialize(),function(msg){
        if(msg == '0')
        {
            alert("Password yang anda masukkan tidak benar!");
        }
        else if(msg == '1')
        {
            alert("Data berhasil disimpan!");
            window.location="index.html";
        }
    });
    }

}

这是处理set_ip.js中服务器更改地址的javascript

//where the set the domain name
var ip = 'localhost';
var urlnya = 'http://'+ip+'/diabet_console/';
function seturl()
{    
    return urlnya;
}

你能告诉我我哪里错了吗? 因为javascript:newpass.js无法正常工作,因为它应该是...请帮助我...。谢谢

添加return false

if(form_reg == "")
    {
        alert("Semua data harus diisi.");
        return false   
    }
    else if($("#newpass, #confnewpass").val().length  < 5 || $("#newpass, #confnewpass").val().length > 15)
    {
        alert("Terdapat kesalahan atau data kosong pada pengisian data.\nPastikan password Anda lebih dari 5 dan kurang dari 15 karakter.");
       return false;
    }
    else if( !pass || !newpass || !confnewpass || $("#newpass").val() != $("#confnewpass").val())
    {
        alert("Terdapat kesalahan atau data kosong pada pengisian data.\nPastikan password Anda sesuai.");
        return false;
    }

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM