“提交”按钮不会读取javascript文件进行验证，而是直接进入我的php文件
**嗨，一个新手在这里的堆栈溢出。Uhm my submit按钮不会读取我创建的java脚本文件，而是直接进入php文件，而不是首先在java脚本文件上验证输入字段。我不太确定出了什么问题，我在这里被困了一个小时。 我分别创建了这些文件。我把指向javascript文件的链接放在html文件的末尾“提交”按钮不会读取javascript文件进行验证，而是直接进入我的php文件,javascript,php,html,Javascript,Php,Html,**嗨，一个新手在这里的堆栈溢出。Uhm my submit按钮不会读取我创建的java脚本文件，而是直接进入php文件，而不是首先在java脚本文件上验证输入字段。我不太确定出了什么问题，我在这里被困了一个小时。 我分别创建了这些文件。我把指向javascript文件的链接放在html文件的末尾 Here is my html code: <!-- Add Student Modal--> <div class="modal fade" id="addUserMo
Here is my html code:
<!-- Add Student Modal-->
<div class="modal fade" id="addUserModal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-md">
<div class="modal-content">
<form class="form-horizontal" id="submitUserForm" action="action/createUser.php" method="POST">
<div class="modal-header">
<div class="div-action pull pull-right" >
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div> <!-- /div-action -->
<h4 class="modal-title"> Add User</h4>
</div>
<div class="modal-body" style="max-height:650px; overflow:auto;">
<div id="add-user-messages"></div>
<div class="form-group">
<div class="col-sm-12">
<input type="text" class="form-control" id="full_name" name="full_name" placeholder="Full Name" autocomplete="off" />
</div>
</div> <!-- /form-group-->
<div class="form-group">
<div class="col-sm-12">
<input type="text" class="form-control" id="username" name="username" placeholder="Username" autocomplete="off" />
</div>
</div> <!-- /form-group-->
<div class="form-group">
<div class="col-sm-12">
<input type="password" class="form-control" onCopy="return false" onCut="return false" id="new_password" name="new_password" placeholder="Password" autocomplete="off" />
</div>
</div> <!-- /form-group-->
<div class="form-group">
<div class="col-sm-12">
<input type="password" class="form-control" onCopy="return false" onCut="return false" id="confirm_password" name="confirm_password" placeholder="Confirm Password" autocomplete="off" />
</div>
</div> <!-- /form-group-->
<div class="form-group">
<div class="col-sm-12">
<select class="form-control" name="level" id="level">
<option value="">~~Level~~</option>
<option value="Admin">Admin</option>
<option value="User">User</option>
</select>
</div>
</div> <!-- /form-group-->
</div> <!-- /modal-body -->
<div class="modal-footer">
<button type="submit" id="createUserBtn" name="createUserBtn" data-loading-text="Loading..." class="btn btn-success"><i class="fa fa-check"></i> Save</button>
<button type="reset" class="btn btn-danger" onClick="resetUserForm()"><i class="fa fa-eraser"></i> Reset Form</button>
</div>
<!-- /modal-footer -->
</form>
<!-- /.form -->
</div>
<!-- /modal-content -->
</div>
<!-- /modal-dailog -->
</div>
<!-- / add modal -->
以下是我的html代码：
&时代；
添加用户
~~级~~
管理
使用者
拯救
重置表单
$("#addUserModalBtn").unbind('click').bind('click', function() {
$("#submitUserForm")[0].reset();
// remove text-error
$(".text-danger").remove();
// remove from-group error
$(".form-group").removeClass('has-error').removeClass('has-success');
$("#submitUserForm").unbind('submit').bind('submit', function() {
// remove text-error
$(".text-danger").remove();
// remove from-group error
$(".form-group").removeClass('has-error').removeClass('has-success');
var full_name = $("#full_name").val();
var username = $("#username").val();
var level = $("#level").val();
var new_password = $("#new_password").val();
var confirm_password = $("#confirm_password").val();
const pasteBox = document.getElementById("#confirm_password");
pasteBox.onpaste = e => {
e.preventDefault();
return false;
};
if(full_name == "") {
$("#full_name").after('<p class="text-danger">Full name field is required.</p>');
$('#full_name').closest('.form-group').addClass('has-error');
} else {
// remov error text field
$("#full_name").find('.text-danger').remove();
// success out for form
$("#full_name").closest('.form-group').addClass('has-success');
} // /else
if(username == "") {
$("#username").after('<p class="text-danger">Username field is required.</p>');
$('#username').closest('.form-group').addClass('has-error');
} else {
// remov error text field
$("#username").find('.text-danger').remove();
// success out for form
$("#username").closest('.form-group').addClass('has-success');
} // /else
if(level == "") {
$("#level").after('<p class="text-danger">Please select user level.</p>');
$('#level').closest('.form-group').addClass('has-error');
} else {
// remov error text field
$("#level").find('.text-danger').remove();
// success out for form
$("#level").closest('.form-group').addClass('has-success');
} // /else
if(new_password == "") {
$("#new_password").after('<p class="text-danger">Password field is required.</p>');
$('#new_password').closest('.form-group').addClass('has-error');
} else {
// remov error text field
$("#new_password").find('.text-danger').remove();
// success out for form
$("#new_password").closest('.form-group').addClass('has-success');
} // /else
if(confirm_password == "") {
$("#confirm_password").after('<p class="text-danger">Confirm password field is required.</p>');
$('#confirm_password').closest('.form-group').addClass('has-error');
} else {
// remov error text field
$("#confirm_password").find('.text-danger').remove();
// success out for form
$("#confirm_password").closest('.form-group').addClass('has-success');
} // /else
if(full_name && level && username && new_password) {
var form = $(this);
var formData = new FormData(this);
$.ajax({
url : form.attr('action'),
type: form.attr('method'),
data: formData,
dataType: 'json',
cache: false,
contentType: false,
processData: false,
success:function(response) {
if(response.success == true) {
// submit loading button
$("#createUserBtn").button('reset');
$("#submitUserForm")[0].reset();
$("html, body, div.modal, div.modal-content, div.modal-body").animate({scrollTop: '0'}, 100);
setTimeout(function(){window.location = window.location}, 1000);
// shows a successful message after operation
$('#add-user-messages').html('<div class="alert alert-success">'+
'<button type="button" class="close" data-dismiss="alert">×</button>'+
'<strong><i class="glyphicon glyphicon-ok-sign"></i></strong> '+ response.messages +
'</div>');
// remove the mesages
$(".alert-success").delay(500).show(10, function() {
$(this).delay(3000).hide(10, function() {
$(this).remove();
});
}); // /.alert
// reload the manage student table
manageUsersTable.ajax.reload(null, true);
// remove text-error
$(".text-danger").remove();
// remove from-group error
$(".form-group").removeClass('has-error').removeClass('has-success');
} else if(response.success == false) {
// reload the manage member table
manageUsersTable.ajax.reload(null, true);
// reset the form text
$("#submitUserForm")[0].reset();
$("html, body, div.modal, div.modal-content, div.modal-body").animate({scrollTop: '0'}, 100);
// remove the error text
$(".text-danger").remove();
// remove the form error
$('.form-group').removeClass('has-error').removeClass('has-success');
$('#add-user-messages').html('<div class="alert alert-danger">'+
'<button type="button" class="close" data-dismiss="alert">×</button>'+
'<strong><i class="glyphicon glyphicon-ok-sign"></i></strong> '+ response.messages +
'</div>');
$(".alert-danger").delay(500).show(10, function() {
$(this).delay(3000).hide(10, function() {
$(this).remove();
});
}); // /.alert
} // if
} // /success function
}); // /ajax function
} // /if validation is ok
return false;
}); // /submit product form
}); // /add product modal btn clicked
$（“#addUserModalBtn”）.unbind（'click'）.bind（'click'，function（）{
$（“#submitPerform”）[0]。重置（）；
//删除文本错误
$（“.text-danger”）.remove（）；
//从组中删除错误
$（“.form group”）.removeClass（'has-error'）.removeClass（'has-success'）；
$（“#submitPerform”）.unbind（'submit'）.bind（'submit'，function（）{
//删除文本错误
$（“.text-danger”）.remove（）；
//从组中删除错误
$（“.form group”）.removeClass（'has-error'）.removeClass（'has-success'）；
var full_name=$（“#full_name”）.val（）；
var username=$（“#username”）.val（）；
变量级别=$（“#级别”）.val（）；
var new_password=$（“#new_password”）.val（）；
var confirm_password=$（“#confirm_password”）.val（）；
const pasteBox=document.getElementById（“确认密码”）；
pasteBox.onpaste=e=>{
e、 预防默认值（）；
返回false；
};
如果（全名==“”）{
$（“#全名”）。在（“全名字段是必需的。
”）之后；
$（'#全名'）。最近（'.form group'）。addClass（'has-error'）；
}否则{
//删除错误文本字段
$（“#全名”）.find（'.text danger'）.remove（）；
//成功在于形式
$（“#全名”）.closest（'.form group'）.addClass（'has-success'）；
}///其他
如果（用户名==“”）{
$（“#用户名”）。在（“用户名字段是必需的。
”）之后；
$（'#username'）。最近（'.form group'）。addClass（'has-error'）；
}否则{
//删除错误文本字段
$（“#用户名”）.find（“.text danger”）.remove（）；
//成功在于形式
$（“#username”）.closest（'.form group'）.addClass（'has-success'）；
}///其他
如果（级别==“”）{
$（“#级别”）。在（“之后，请选择用户级别。
”；
$（'#level'）。最近（'.form group'）。addClass（'has-error'）；
}否则{
//删除错误文本字段
$（“#level”）.find（“.text danger”）.remove（）；
//成功在于形式
$（“#level”）.closest（'.form group'）.addClass（'has-success'）；
}///其他
如果（新密码==“”）{
$（“#新#u密码”）。之后（“密码字段为必填项。
”）；
$（'new#u password'）。最近（'form group'）。addClass（'has-error'）；
}否则{
//删除错误文本字段
$（“#新密码”）。查找（'.text danger'）。删除（）；
//成功在于形式
$（“#新#u密码”）.closest（'.form group'）.addClass（'has-success'）；
}///其他
如果（确认密码==“”）{
$（“确认密码”）。在（“确认密码字段是必需的。
”）之后；
$（'#confirm_password'）。最近（'.form group'）。addClass（'has-error'）；
}否则{
//删除错误文本字段
$（“#确认_密码”）。查找（'.text danger'）。删除（）；
//成功在于形式
$（“#确认_密码”）.closest（'.form group'）.addClass（'has-success'）；
}///其他
if（全名、级别、用户名和新密码）{
变量形式=$（此）；
var formData=新formData（本）；
$.ajax({
url:form.attr（'action'），
类型：form.attr（'method'），
数据：formData，
数据类型：“json”，
cache:false，
contentType:false，
processData:false，
成功：功能（响应）{
if（response.success==true）{
//提交加载按钮
$（“#createUserBtn”）。按钮（“重置”）；
$（“#submitPerform”）[0]。重置（）；
$（“html，body，div.modal，div.modal-content，div.modal-body”）.animate（{scrollTop:'0'}，100）；
setTimeout（函数（）{window.location=window.location}，1000）；
//操作后显示成功消息
$（'#添加用户mes
<?php
require_once 'core.php';
$valid['success'] = array('success' => false, 'messages' => array());
if($_POST) {
$full_name = $_POST['full_name'];
$username = $_POST['username'];
$new_password = md5($_POST['new_password']);
$confirm_password = md5($_POST['confirm_password']);
$level = $_POST['level'];
$status = "0";
if($new_password == $confirm_password) {
$sql = "INSERT INTO `users`(`full_name`, `username`, `password`, `level`, `status`) VALUES ('$full_name','$username','$new_password','$level', $status)";
if($connect->query($sql) === TRUE) {
$valid['success'] = true;
$valid['messages'] = "Successfully added user account.";
}else{
return false;
}
}else{
return false;
}
$connect->close();
echo json_encode($valid);
} // /if $_POST
?>
$("#submitUserForm").unbind('submit').bind('submit', function() {
$('#submitUserForm').submit(function (event) {
event.preventDefault();
//the rest of the submittion logic goes here
}
<button onclick="submitForm()"><i class="fa fa-check"></i> Save</button>
$("#submitUserForm").unbind('submit').bind('submit', function() {