时间戳

首页 > 解决方案 > 如何使用 Regform 模板，将字段和记录数据添加到文本文件

php - 如何使用 Regform 模板，将字段和记录数据添加到文本文件

问题描述

我需要制作一个注册用户表单，一旦提交，就会在每行的文本文件行中记录服务器上的信息。（每个填写表格的用户一行）如：

[已解决] 第 1 行：名字、姓氏、电子邮件、地址、密码
[已解决] 第 2 行：---------------------------- ------------------

我真的很想使用这个免费模板（https://colorlib.com/download/2009/）并添加：

[已解决] 1) 用户地址字段
[已解决] 2) 验证是否在验证之前选中了条款和条件的复选框
[已解决] 3) 一条简单的消息告诉用户他已成功注册

[已解决] 我真的不知道如何开始实现这一目标......

[已解决] 这里有人可以帮我做这件事吗？

感谢和问候

<html>
<head>
	<meta charset="utf-8">
	<title>Bulletin de participation</title>
	<!-- Mobile Specific Metas -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<!-- Font-->
	<link rel="stylesheet" type="text/css" href="css/opensans-font.css">
	<link rel="stylesheet" type="text/css" href="fonts/line-awesome/css/line-awesome.min.css">
	<!-- Jquery -->
	<link rel="stylesheet" href="https://jqueryvalidation.org/files/demo/site-demos.css">
	<!-- Main Style Css -->
    <link rel="stylesheet" href="css/style.css"/>
</head>
<body class="form-v4">
	<div class="page-content">
    			<form class="form-detail" action="reg.php" method="post" id="myform">
    				<h2>Bulletin de participation</h2>
    				<div class="form-group">
    					<div class="form-row form-row-1">
    						<label for="first_name">First Name</label>
    						<input type="text" name="first_name" id="first_name" class="input-text">
    					</div>
    					<div class="form-row form-row-1">
    						<label for="last_name">Last Name</label>
    						<input type="text" name="last_name" id="last_name" class="input-text">
    					</div>
    				</div>
    				<div class="form-row">
    					<label for="address">Address</label>
    					<input type="text" name="address" id="address" class="input-text"">
    				</div>
    				<div class="form-row">
    					<label for="your_email">Email</label>
    					<input type="text" name="your_email" id="your_email" class="input-text" required pattern="[^@]+@[^@]+.[a-zA-Z]{2,6}">
    				</div>
    				<div class="form-group">
    					<div class="form-row form-row-1 ">
    						<label for="password">Password</label>
    						<input type="password" name="password" id="password" class="input-text" required>
    					</div>
    					<div class="form-row form-row-1">
    						<label for="comfirm-password">Repeat password</label>
    						<input type="password" name="comfirm_password" id="comfirm_password" class="input-text" required>
    					</div>
    				</div>
    				<div class="form-checkbox">
    					<label class="container"><p>    <a href="terms.html" target="_blank"  class="text">I agree</a></p>
    					  	<input type="checkbox" name="checkbox" checked>
    					  	<span class="checkmark"></span>
    					</label>
    				</div>
    				<div class="form-row-last">
    					<input type="submit" name="submit" class="submit" value="Validate Form">
    				</div>
    			</form>
    		</div>
    	</div>
    	<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
    	<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
    	<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
    	<script>
    	
    		jQuery.validator.setDefaults({
    		 	debug: true,
    		  	success:  function(label){
            		label.attr('id', 'valid');
       		 	},
    		});
    		
    		$("#myform").validate().element("#checkbox");
    		$( "#myform" ).validate({
    		

    		  	rules: 
    			{
    			    password: "required",
    		    	comfirm_password: {
    		      		equalTo: "#password"
    		    	}
    				
    		  	},

    			
    		  	messages: {
    		  		first_name: {
    		  			required: "Please enter a firstname"
    		  		},
    		  		last_name: {
    		  			required: "Please enter a lastname"
    		  		},
    		  		your_email: {
    		  			required: "Please provide an email"
    		  		},
    		  		password: {
    	  				required: "Please enter a password"
    		  		},
    		  		comfirm_password: {
    		  			required: "Please enter a password",
    		      		equalTo: "Wrong Password"
    		    	}
    		  	}
    		});
    	</script>

</body>
</html>

我设法使表单工作一半，并由名为 reg.php 的 PHP 脚本记录但现在我希望在接受验证之前验证是否所有字段都已填写。

任何想法？

标签： phpjqueryhtml

解决方案

推荐阅读