我为自己的网站创建了一个简单的注册(注册)表单。
表单包含一些有效性检查(例如:确保电子邮件的格式正确;确保数据库中不存在用户名等;等等)
所有这些都需要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:// ......等开始。
然而,仍有一些问题仍未解决:表单显示消息“正在检查用户名可用性”.........或“检查电子邮件有效性”。但是,如果用户名可用/不可用,或者电子邮件有效/无效.........它不会显示这些消息!
“正在检查用户名可用性”消息仍然显示在:((
答案 0 :(得分:-1)
找到答案。
我这是一个简单而愚蠢的错误(哈哈)
将文件名更改为&#34; sign-up.php&#34;后,我忘记删除PHP扩展名。所以,当然,我的服务器不知道在哪里寻找它