个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
嗨，我对 AngularJS 完全陌生，我一直在探索表单验证。我已经成功完成了验证部分，但现在我在连接数据库时遇到了麻烦。我点击了提交按钮，但没有任何反应。我感谢任何形式的帮助，谢谢。
<!DOCTYPE html>
<html>
<head>
<title>Add User Page</title>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<link rel="icon" href="spf-favicon.png" type="image" sizes="16x16">
<link href="testing.css" rel="stylesheet">
<div id="main">
<body style="background-color:white">
<header class="mainHeader">
<a href="home.php"><img src="policelogo.png"></a>
<form align="right">
<label class="logout">
<table id="govlogo">
<tbody>
<tr="logo">
<td>
<a target="_blank" href="http://www.gov.sg">
<img alt="Singapore Government" src="gov_logo.png"></img>
</a>
</td>
</tr>
<tr>
<td style="float:right">
<a target="_top" href="register.php">Register?</a>
|
<a target="_top" href="logout.php">Sign Out</a>
</td>
</tr>
</tbody>
</table>
</label>
</form>
</header>
</body>
</head>
<body ng-app="myApp">
<div ng-controller="validateCtrl">
<h2 align="center">Add User Form</h2>
<form align="center" name="add_user" novalidate>
<ul>
<li class="err" ng-repeat="errorr in errors"> {{ errorr}} </li>
</ul>
<ul>
<li class="info" ng-repeat="msg in msgs"> {{ msg}} </li>
</ul>
<p><b>Name:</b>
<input type="text" placeholder="Enter your name" name="name" ng-model="name" style='margin-left:10px;' required>
<span style="color:red" ng-show="add_user.name.$dirty && add_user.name.$invalid">
<br>
<span ng-show="add_user.name.$error.required">Name is required.</span>
</span>
</p>
<p><b>PDP :</b>
<input type="text" placeholder="0----" name="PDP" ng-model="PDP" ng-minlength="5" ng-maxlength="5" ng-pattern="/^[0-9]+$/" style='margin-left:10px;' required>
<span style="color:red" ng-show="add_user.PDP.$dirty && add_user.PDP.$invalid">
<br>
<span ng-show="add_user.PDP.$error.required">PDP is required.</span>
<span ng-show="add_user.PDP.$error.pattern">PDP must be numeric.</span>
<span ng-show="add_user.PDP.$error.minlength">Not less than 5 digits.</span>
<span ng-show="add_user.PDP.$error.maxlength">Not more than 5 digits.</span>
</span>
</p>
<p><b>NRIC :</b>
<input type="text" placeholder="S--------" name="nric" ng-model="nric" ng-minlength="9" ng-maxlength="9" ng-pattern="@/^[STFG]\d{7}[A-Z]+$/" style='margin-left:10px;' required>
<span style="color:red" ng-show="add_user.nric.$dirty && add_user.nric.$invalid">
<br>
<span ng-show="add_user.nric.$error.required">NRIC is required.</span>
<span ng-show="add_user.nric.$error.pattern">NRIC must be numeric.</span>
<span ng-show="add_user.nric.$error.minlength">Not less than 9 digits.</span>
<span ng-show="add_user.nric.$error.maxlength">Not more than 9 digits.</span>
</span>
</p>
<p><b>Password:</b>
<input type="password" placeholder="Enter a password" name="password" ng-model="password" style='margin-left:10px;' required>
<span style="color:red" ng-show="add_user.password.$dirty && add_user.password.$invalid">
<br>
<span ng-show="add_user.password.$error.required">Password is required.</span>
</span>
</p>
<p><b>Repeat Password:</b>
<input type="password" placeholder="Repeat the password" name="password1" ng-model="password1" ng-pattern="password" style='margin-left:10px;' required>
<span style="color:red" ng-show="add_user.password1.$dirty && add_user.password1.$invalid">
<br>
<span ng-show="add_user.password1.$error.required">Repeat Password is required.</span>
<span ng-show="add_user.password1.$error.pattern">Password mixmatch.</span>
</span>
</p>
<p><b>Email:</b>
<input type="email" placeholder="Enter your email" name="email" ng-model="email" style='margin-left:10px;' required>
<span style="color:red" ng-show="add_user.email.$dirty && add_user.email.$invalid">
<br>
<span ng-show="add_user.email.$error.required">Email is required.</span>
<span ng-show="add_user.email.$error.email">Invalid email address.</span>
</span>
</p>
<p><b>Phone No. :</b>
<input type="text" placeholder="9-------" name="tel_no" ng-model="tel_no" ng-minlength="8" ng-maxlength="8" ng-pattern="/^[0-9]+$/" style='margin-left:10px;' required>
<span style="color:red" ng-show="add_user.tel_no.$dirty && add_user.tel_no.$invalid">
<br>
<span ng-show="add_user.tel_no.$error.required">Phone Number is required.</span>
<span ng-show="add_user.tel_no.$error.pattern">Phone Number must be numeric.</span>
<span ng-show="add_user.tel_no.$error.minlength">Not less than 8 digits.</span>
<span ng-show="add_user.tel_no.$error.maxlength">Not more than 8 digits.</span>
</span>
</p>
<p><label for="role"><b>Role :</b></label>
<select name="role" id="role" required
ng-options="option.name for option in data.availableOptions track by option.id"
ng-model="data.selectedOption" style='margin-left:10px;' >
<option value="">-Select Role-</option>
</select>
<br>
<span class="error" style="color:red" ng-show="add_user.role.$dirty && add_user.role.$invalid">Role required.</span>
</p>
<p><label for="dept_id"><b>Department :</b></label>
<select name="dept_id" id="dept_id" required
ng-options="option.name for option in datas.availableOptions track by option.id"
ng-model="datas.selectedOption" style='margin-left:10px;'>
<option value="">-Select Dept ID-</option>
</select>
<br>
<span class="error" style="color:red" ng-show="add_user.dept_id.$dirty && add_user.dept_id.$invalid">Dept ID required.</span>
</p>
<p><label for="license_class"><b>License Class :</b></label>
<select name="license_class" id="license_class" required
ng-options="option.name for option in datass.availableOptions track by option.id"
ng-model="datass.selectedOption" style='margin-left:10px;'>
<option value="">-Select License Class-</option>
</select>
<br>
<span class="error" style="color:red" ng-show="add_user.license_class.$dirty && add_user.license_class.$invalid">License Class required.</span>
</p>
<p>
<button ng-click="save_user()" style='margin-left: 63px;margin-top:10px'
ng-disabled="(add_user.name.$dirty && add_user.name.$invalid ||
add_user.PDP.$dirty && add_user.PDP.$invalid ||
add_user.nric.$dirty && add_user.nric.$invalid ||
add_user.password.$dirty && add_user.password.$invalid ||
add_user.password1.$dirty && add_user.password1.$invalid ||
add_user.email.$dirty && add_user.email.$invalid ||
add_user.tel_no.$dirty && add_user.tel_no.$invalid ||
add_user.role.$dirty && add_user.role.$invalid ||
add_user.dept_id.$dirty && add_user.dept_id.$invalid ||
add_user.license_class.$dirty && add_user.license_class.$invalid)">Add User</button>
<input type="reset" data-icon="refresh" data-inline="true" data-mini="true" value="Reset" style='margin-left: 63px;margin-top:10px'>
</p>
</form>
<script type="text/javascript">
(function(angular) {
'use strict';
angular.module('myApp', [])
.controller('validateCtrl', ['$scope', function($scope, $http) {
$scope.data = {
availableOptions: [
{id: '1', name: 'Transport Officer'},
{id: '2', name: 'Supervisor'},
{id: '3', name: 'Subordinate'}
],
};
$scope.datas = {
availableOptions: [
{id: '1', name: 'A'},
{id: '2', name: 'B'},
{id: '3', name: 'C'}
],
};
$scope.datass = {
availableOptions: [
{id: '1', name: 'Class 2'},
{id: '2', name: 'Class 3'},
{id: '3', name: 'Class 4'},
{id: '4', name: 'Class 5'}
],
};
$scope.errors = [];
$scope.msgs = [];
$scope.save_user = function() {
$scope.errors.splice(0, $scope.errors.length);
$scope.msgs.splice(0, $scope.msgs.length);
$http.post('register.php', {'uname':$scope.name, 'updp': $scope.PDP, 'unric': $scope.nric, 'upassword': $scope.password, 'urpassword' : $scope.password1, 'urole' : $scope.role, 'uemail' : $scope.email, 'utelno' : $scope.tel_no, 'udept' : $scope.dept_id, 'ulicenseclass' : $scope.license_class}
).success(function(data, status, headers, config ) {
if (data.msg != ' ')
{
$scope.msgs.push(data.msg);
}
else
{
$scope.errors.push(data.error);
}
}).errorr(function(data,status) {
$scope.errors.push(status);
});
}
}]);
})(window.angular);
<footer class="mainFooter">
<p>
Singapore Police Force © 2015
<br></br>
<a target="_blank" href="http://www.mha.gov.sg">
A Member of the Home Team</a>
</p>
</footer>
</body>
</div>
</html>
<?php
$con = mysqli_connect('localhost', 'username', 'password', 'databasename');
if (mysqli_connect_errno()) {
echo "Failed to connect to MySQL: " . mysqli_connect_error();
}
$names = mysqli_real_escape_string($con, $_POST['uname']);
$PDPs = mysqli_real_escape_string($con, $_POST['updp']);
$nrics = mysqli_real_escape_string($con, $_POST['unric']);
$passwords = mysqli_real_escape_string($con, $_POST['upassword']);
$roles = mysqli_real_escape_string($con, $_POST['urole']);
$emails = mysqli_real_escape_string($con, $_POST['uemail']);
$telnos = mysqli_real_escape_string($con, $_POST['utelno']);
$depts = mysqli_real_escape_string($con, $_POST['udept']);
$licenseclasss = mysqli_real_escape_string($con, $_POST['ulicenseclass']);
$qry_em = 'select count(*) as cnt from profiles where PDP ="' .$PDPs. '"';
$qry_res = mysqli_query($con, $qry_em);
$res = mysqli_fetch_assoc($con, $qry_res);
if ($res['cnt'] == 0) {
$qry = 'INSERT INTO profiles (PDP, nric, name, password, role, email, tel_no, dept_id, license_class) VALUES ("$PDPs", "$nrics", "$names", "$passwords", "$roles", "$emails", "$tel_nos", "$dept_ids", "$license_classs")';
$qry_res = mysqli_query($con, $qry);
if ($qry_res) {
$arr = array("msg" => "User Created Successfully!!!", "errorr" => "");
$jsn = json_encode($arr);
print_r($jsn);
} else {
$arr = array("msg" => "Error in adding user", "errorr" => "");
$jsn = json_encode($arr);
print_r($jsn);
}
} else {
$arr = array("msg" => "User already exists with the same PDP", "errorr" => "");
$jsn = json_encode($arr);
print_r($jsn);
}
mysqli_close($con);
?>
最佳答案
您没有$scope.license_class初始化，在POST请求之前，定义一下:
$scope.license_class = $scope.datass.selectedOption;
$scope.role 的情况相同和$scope.dept_id - 问题在于您的选择 ngModel
关于javascript - 将 angularjs 表单提交到数据库，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33924722/
24
4
0
我的问题是如何在 python 中创建一个简单的数据库。我的例子是: User = { 'Name' : {'Firstname', 'Lastname'}, 'Address' : {'Street
我需要创建一个与远程数据库链接的应用程序! mysql 是最好的解决方案吗？ Sqlite 是唯一的本地解决方案吗？ 我使用下面的方法，我想知道它是否是最好的方法! NSString *evento
给定两台 MySQL 服务器，一台本地，一台远程。两者都有一个包含表 bohica 的数据库 foobar。本地服务器定义了用户 'myadmin'@'%' 和 'myadmin'@'localhos
我有以下灵活的搜索查询 Select {vt:code},{vt:productcode},{vw:code},{vw:productcode} from {abcd AS vt JOIN wxyz
好吧，我的电脑开始运行有点缓慢，所以我重置了 Windows，保留了我的文件。因为我的大脑还没有打开，所以我忘记事先备份我的 MySQL 数据库。我仍然拥有所有原始文件，因此我实际上仍然拥有数据库，但
如何将我的 Access 数据库 (.accdb) 转换为 SQLite 数据库 (.sqlite)？ 请，任何帮助将不胜感激。 最佳答案 1)如果要转换 db 的结构，则应使用任何 DB 建模工具:
系统检查发现了一些问题: 警告:？:(mysql.W002)未为数据库连接“默认”设置 MySQL 严格模式 提示:MySQL 的严格模式通过将警告升级为错误来修复 MySQL 中的许多数据完整性问题
系统检查发现了一些问题: 警告:？:(mysql.W002)未为数据库连接“默认”设置 MySQL 严格模式 提示:MySQL 的严格模式通过将警告升级为错误来修复 MySQL 中的许多数据完整性问题
我想在相同的 phonegap 应用程序中使用 android 数据库。 更多说明: 我创建了 phonegap 应用程序，但 phonegap 应用程序不支持服务，所以我们已经在 java 中为 a
Time Tracker function clock() { var mytime = new Date(); var seconds
我需要在现有项目上实现一些事件的显示。我无法更改数据库结构。 在我的 Controller 中，我(从 ajax 请求)传递了一个时间戳，并且我需要显示之前的 8 个事件。因此，如果时间戳是(转换后)
我有一个可以收集和显示各种测量值的产品(不会详细介绍)。正如人们所期望的那样，显示部分是一个数据库+建立在其之上的网站(使用 Symfony)。 但是，我们可能还会创建一个 API 来向第三方公开数据
我们将 SQL Server 从 Azure VM 迁移到 Azure SQL 数据库。 Azure VM 为 DS2_V2、2 核、7GB RAM、最大 6400 IOPS Azure SQL 数据
我正在开发一个使用 MongoDB 数据库的程序，但我想问在通过 Java 执行 SQL 时是否可以使用内部数据库进行测试，例如 H2？ 最佳答案 你可以尝试使用Testcontainers Test
已关闭。此问题不符合Stack Overflow guidelines 。目前不接受答案。 已关闭 9 年前。 此问题似乎与 a specific programming problem, a sof
我正在尝试使用 MSI 身份验证(无需用户名和密码)从 Azure 机器学习服务连接 Azure SQL 数据库。 我正在尝试在 Azure 机器学习服务上建立机器学习模型，目的是我需要数据，这就是我
我在我的 MySQL 数据库中使用这个查询来查找 my_column 不为空的所有行: SELECT * FROM my_table WHERE my_column != ""; 不幸的是，许多行在
我有那个基地:http://sqlfiddle.com/#!2/e5a24/2这是 WordPress 默认模式的简写。我已经删除了该示例不需要的字段。 如您所见，我的结果是“类别 1”的两倍。我喜欢
我有一张这样的 table : mysql> select * from users; +--------+----------+------------+-----------+ | userid
我有表: CREATE TABLE IF NOT EXISTS `category` ( `id` int(11) NOT NULL, `name` varchar(255) NOT NULL
我是一名优秀的程序员,十分优秀！