为什么我的javascript DOM不起作用?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了为什么我的javascript DOM不起作用?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含3922字,纯文字阅读大概需要6分钟。
内容图文
![为什么我的javascript DOM不起作用?](/upload/InfoBanner/zyjiaocheng/767/5db5a2267f244a3a96df348ec4193dee.jpg)
这是我的整个页面.我不知道出了什么问题.这太令人沮丧,因为它太简单了.
当我想要输出值时,如果我的输入字段,它什么也没有给出.即使我在AJAX之前发出警报也没有写出任何内容.我复制了一个输入dom得到我的,它是完全相同的.
怎么了?
registration.php的:
<?php
if(isset($_POST["php_username"]) && isset($_POST["php_password"]) && isset($_POST["php_password2"]) && isset($_POST["php_email"])){
$error = "";
if(strlen($_POST["php_username"]) < 8){
$error = $error."Username has to be at least 8 characters.<br>";
}
if(strlen($_POST["php_password"]) < 8){
$error = $error."password has to be at least 8 characters.<br>";
}
if(strlen($_POST["php_username"]) > 16){
$error = $error."Username can't be more than 16 characters.<br>";
}
if(strlen($_POST["php_password"]) < 16){
$error = $error."Password can't be more than 16 characters.<br>";
}
if(strcmp($_POST["php_password"],$_POST["php_password2"])){
$error = $error."Password confirmation falied.<br>";
}
echo($error);
}else{
echo('
<div id="register-form">
<form>
<h2 style="text-decoration: underline; margin-bottom: 10px;">Registration</h2><br><br>
Username:<br>
<input type="text" maxlength="16" id="username" value="asd" /><br>
Password:<br>
<input type="password" maxlength="16" id="password" /><br>
Confirm password:<br>
<input type="password" maxlength="16" id="password2" /><br>
E-mail address:<br>
<input type="email" id="email" /><br><br>
<input type="button" id="registration-submit" value="Signup"><br>
<div id="registration-response">
</div>
</form>
</div>
<script>
$("#registration-submit").click(function(){
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
var password2 = document.getElementById("password2").value;
var email = document.getElementById("email").value;
$.post("registration.php",{
"php_username": username,
"php_password": password,
"php_password2": password2,
"php_email": email
},
function(data, status){
$("#registration-response").html(data);
$("#registration-response").fadeIn(750);
});
});
</script>
');
}
?>
解决方法:
只需将你的javascript放在echo语句之外,并将其包装在$(document).ready()中;
<?php
if(isset($_POST["php_username"]) && isset($_POST["php_password"]) && isset($_POST["php_password2"]) && isset($_POST["php_email"])){
$error = "";
if(strlen($_POST["php_username"]) < 8){
$error = $error."Username has to be at least 8 characters.<br>";
}
if(strlen($_POST["php_password"]) < 8){
$error = $error."password has to be at least 8 characters.<br>";
}
if(strlen($_POST["php_username"]) > 16){
$error = $error."Username can't be more than 16 characters.<br>";
}
if(strlen($_POST["php_password"]) < 16){
$error = $error."Password can't be more than 16 characters.<br>";
}
if(strcmp($_POST["php_password"],$_POST["php_password2"])){
$error = $error."Password confirmation falied.<br>";
}
echo($error);
}else{
echo('
<div id="register-form">
<form>
<h2 style="text-decoration: underline; margin-bottom: 10px;">Registration</h2><br><br>
Username:<br>
<input type="text" maxlength="16" id="username" value="asd" /><br>
Password:<br>
<input type="password" maxlength="16" id="password" /><br>
Confirm password:<br>
<input type="password" maxlength="16" id="password2" /><br>
E-mail address:<br>
<input type="email" id="email" /><br><br>
<input type="button" id="registration-submit" value="Signup"><br>
<div id="registration-response">
</div>
</form>
</div>');
<script>
$(document).ready(function(){
$("#registration-submit").click(function(){
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
var password2 = document.getElementById("password2").value;
var email = document.getElementById("email").value;
$.post("registration.php",{
"php_username": username,
"php_password": password,
"php_password2": password2,
"php_email": email
},
function(data, status){
$("#registration-response").html(data);
$("#registration-response").fadeIn(750);
});
});
});
</script>
}
?>
内容总结
以上是互联网集市为您收集整理的为什么我的javascript DOM不起作用?全部内容,希望文章能够帮你解决为什么我的javascript DOM不起作用?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。