文件名更改后Javascript无效

时间:2015-07-02 09:13:41

标签: javascript php jquery html initialization

我为自己的网站创建了一个简单的注册(注册)表单。

表单包含一些有效性检查(例如:确保电子邮件的格式正确;确保数据库中不存在用户名等;等等)

所有这些都需要JS,我提供了正确的JS函数,并在我的文件中包含了一个JS脚本:

 **<script src="jquery-1.11.2.js" type="text/javascript"></script>**

一切都运行良好..........直到我将注册文件的名称从“ index.html ”更改为“ signup.php

现在,这一切都搞砸了。表格仍然有效。但是,JS功能和有效性检查已经死了!什么都行不通。

StackOverflow上没有类似的问题;但是,我能够在谷歌上找到一个问题。海报建议使用“Javascript Initialization”来解决问题,但他没有提供他如何做到这一点的例子。

这是我的JS代码:

 <script src="jquery-1.11.2.js" type="text/javascript"></script>

 <script type="text/javascript">
 $(document).ready(function() {  

//the min chars for username  
var min_chars = 4;  

//result texts  
var characters_error = 'You must enter a minimum of 4 characters!';  
var checking_html = 'Checking Username Availability....';  

//when button is clicked  
$('#login').keyup(function(){    
    //run the character number check  
    if($('#login').val().length < min_chars){  
        //if it's bellow the minimum show characters_error text '  
        $('#username_availability_result').html(characters_error);  
    }else{  
        //else show the cheking_text and run the function to check  
        $('#username_availability_result').html(checking_html);  
        check_availability();  
    }  
 });  

 $('#email').keyup(function(){    
    //run the character number check  
    if($('#email').val().length > 0 ) {  
        //if it's bellow the minimum show characters_error text '  
        $('#email_availability_result').html(checking_email);
         }
    else{  
        //else show the cheking_text and run the function to check  
        $('#email_availability_result').html(checking_email);  
        check_email();  
    }  
  });

 });  

//function to check username AND email availability  

function check_availability(){  

//get the username  
var login = $('#login').val(); 
var button_check=true;

//use ajax to run the check  
$.post("check.php", { login: login },  
    function(result){  
        //if the result is 1  
        if(result == 1){  
            //show that the username is available  
            button_check=false; 
            document.getElementById("submit").disabled = false;
            $('#username_availability_result').html(login + ' is    
     available.');  
        }else{  
            //show that the username is NOT available 
            button_check=true; 
            document.getElementById("submit").disabled = true;
            $('#username_availability_result').html('Sorry, but [' + login +  
     '] is not available. Please choose another username.');
             }  
    });  
   }  

此脚本检查“用户名可用性”以及用户名“至少4个字符”以及“电子邮件可用性”等,等等

(我没有输入完整的代码,因为我认为没有必要)。这些只是我代码的一部分。

这是表单(用户名的输入条目)

选择用户名:

更新

我解决了JS函数无法正常工作的问题:我必须为JS源文件指定FULL PATH,从 https:// ......等开始。

然而,仍有一些问题仍未解决:表单显示消息“正在检查用户名可用性”.........或“检查电子邮件有效性”。但是,如果用户名可用/不可用,或者电子邮件有效/无效.........它不会显示这些消息!

“正在检查用户名可用性”消息仍然显示在:((

1 个答案:

答案 0 :(得分:-1)

找到答案。

我这是一个简单而愚蠢的错误(哈哈)

将文件名更改为&#34; sign-up.php&#34;后,我忘记删除PHP扩展名。所以,当然,我的服务器不知道在哪里寻找它