2014-09-26 86 views
1

我试图建立一个“导师网络”,专业人员可以放下一些基本的联系信息,以便需要或需要导师的人可以去搜索它们。基本上我想要做的是在有人将所有信息输入到我的表单后,我希望它创建一个新的html文档并将变量写入该文档。我有一些JavaScript和基本形式(有星星的部分是我不确定的一部分。) 将表单保存为html文档

if (window.localstorage) { 
 

 
    var txtUsername = document.getElementById('username'); //Get form elements 
 
    var txtjobd = document.getElementById('jobd'); 
 

 
    txtUsername.vvalue = localStorage.getItem('username'); //Elements populated 
 
    txtjobd.value = localStorage.getItem('jobd'); //by localStorage data 
 

 
    txtUsername.addEventListener('input', function() { //Data saved 
 
    localStorage.setItem('username', txtUsername.value); 
 
    }, false); 
 

 
    txtjobd.addEventListener('input', function() { //Data saved 
 
    localStorage.setItem('jobd', txtjobd.value); 
 
    }, false);
<div id="content"> 
 
    <form id="application" action="new.html"> 
 
    <label for="name">Name</label> 
 
    <br/> 
 
    <input type="text" id="name" name="name" /> 
 
    <br/> 
 
    <label for="jobd">Job Descrition</label> 
 
    <br/> 
 
    <textarea id="jobd" name="jobd"></textarea> 
 
    <input type="submit" /> 
 
    </form> 
 
</div> 
 
<script src="js/local-storage.js"></script>
我试图保存创建到new.html新的变量,以及我的其他问题是,这是第一次不创建一个新的文件, 第二只会保存和重写到一个new.html 所以这些都是我试图解决的问题,并随时告诉我,我要从这个错误的角度,即时通讯新的JavaScript,我也认为,如果你认为请告诉我,Jquery可能会走的路。

+1

你不能在服务器上用客户端Javascript单独创建一个新的html文件 - 你需要在服务器上使用类似PHP或NodeJS的东西来为你做这件事。一个更好的方法是使用像PHP这样的服务器端语言将数据保存到数据库中,然后使用一个PHP文件显示单个指导者的数据,而不是使用100个html文件数据库。不幸的是,PHP在一个问题中讲授太广泛了。 – 2014-09-26 04:05:42

+1

意义重大 - 你在'txtUsername.vvalue'处有一个错字 – asprin 2014-09-26 04:55:56

回答

0

首先,你需要PHP。

如果你是这个想法的客户,我会立即想到5k到20k美元的预算(换句话说,你似乎不理解这种事情有多复杂和困难)。但是,如果您严格只需要一个创建HTML页面的表单,并且我强调,无非就是这个,可以用最少的PHP知识来完成。

Someone provided a tutorial on creating a .txt file from a form - 考虑到你对这一切都很陌生,但是设法让这一切变得更远,我相信你将能够玩得更进一步。

形式:

<form name="form1" method="post" action="signup.php"> Username: <input type="text" name="user"><br>Email: <input type="text" name="mail"><br>Experience: <select name="exp"> <option value="beginner">Beginner</option> <option value="intermediate">Intermediate</option> <option value="advanced">Advanced</option> </select><br> <input type="submit" name="Submit" value="Sign Up"> </form> 

创建中的.txt的PHP文件:

<?php 
$username = $_POST['user']; 
$email = $_POST['mail']; 
$experience = $_POST['exp']; 

//the data 
$data = "$username | $email | $experience\n"; 

//open the file and choose the mode 
$fh = fopen("users.txt", "a"); 
fwrite($fh, $data); 

//close the file 
fclose($fh); 

print "User Submitted"; 
?> 

请记住,这只会创建一个简单的.txt文件。这些文件不会有任何索引,不会有编辑的能力,不会有用户帐户 - 这些任务需要花费数百小时,不包括学习所有这些,并且知道如何编码而无需编码安全问题。

如果您认真对待这个项目,我会建议联系一位PHP开发人员 - 或准备开始学习很多!祝你好运!

+0

谢谢,我想php是要走的路。 – Ajanofu1 2014-09-26 15:34:54