我知道js验证是针对客户端的，而php验证是针对服务器端的。用户可以跳过js验证并提交，但是当我在ajax中获得action php文件时是否可能呢？
我的意思是，我正在使用下面的代码来验证表单。如您所见，我在ajax中调用postProjectAction.php。如果用户跳过js /禁用js并提交表单，表单将不会提交，因为，
我的表格没有动作
如果没有调用postProjectAction.php，表单数据将不会被插入或提交到数据库。当用户禁用js时，代码不会调用postProjectAction.php
所以没有机会提交表格。这还不安全吗？
html：
<form
浏览 6提问于2017-12-26得票数 0
我正在使用一个很棒的jQuery验证插件-- ，并且需要使用一个类--来验证一个表单。
问题是，在一个页面上可能有多个表单，并且它们将具有相同的类。当我尝试提交一个表单时，插件会验证两个表单，而不是只验证提交的表单。
有没有人知道解决这个问题的办法？我尝试向每个表单添加一个随机生成的ID，并在提交事件中获取该ID，但当我尝试验证插件时，它会静默地失败。
干杯!
更新：
//validate and submit form
jQuery('.js-booking-form').validate({
submitHandler: function(form) {
//S
浏览 2提问于2015-06-18得票数 1
我对javascript很陌生，所以对许多人来说这可能是一个简单的问题。
我在胸腺网中使用了表单sumbit，并试图在表单提交到spring控制器之前添加一个JS验证。我可以单独执行这两个操作(单独的任务)。但是，我不能让它们一个接一个地工作(js函数和表单提交)。提交操作由表单中的一个按钮触发。
<form th:action="@{/user/trigger}" th:object="${triggers}" method="post">
<input type=&
浏览 6提问于2020-07-11得票数 0
我们有js代码来提交表单，而不仅仅是提交表单，如下所示：
form.submit();
我们是否应该分派一个(冒泡的，可取消的)事件，以便让其他潜在的js事件侦听器有机会处理表单提交：
form.dispatchEvent(new Event('submit', {bubbles: true, cancelable: true}));
这似乎使我们的代码能够更好地与他人合作。如果这是真的，为什么这个模式没有得到更多的推动？
浏览 6提问于2022-04-14得票数 0
每当用户提交表单时，我都会收听该表单。我有两种方式提交我的表格。
单击提交的表单提交表单
当用户选择li时
当我单击要提交的表单按钮时，侦听器在File1.js中检测到它，但当用户单击li以使函数items_sold(event);执行时，表单提交，但侦听器不执行。
为什么会发生这种事？
<form class="shop_form" id="shop_form" method="get">
<input name="items" type="text" id="sh
浏览 0提问于2020-07-03得票数 1
回答已采纳
是否可以使用jQuery验证插件来运行验证，但实际上允许提交表单？
原因是我想要一个‘保存进度’按钮，它将允许您基本上提交错误的数据。表单最终将有多个步骤，在最后一步，我将计算表单的有效性，并启用一个“submit”按钮(如果所有部分都是有效的)。因此，用户将收到类似“您的进度已经保存，但表单不能提交，直到所有必需的字段都完成”的东西。
我想知道你是否可以用submitHandler做点什么，但我真的不知道从哪里开始。
编辑-在Sparky的初始答案之后更新
在@Sparky的最初回答之后，我已经开始使用button type="button"来控制表单的提交，即使它是无效的
浏览 2提问于2014-08-21得票数 0
回答已采纳
这是我的第一篇文章，如果我能尽快从你那里得到解决方案，我将不胜感激。提前谢谢。:)
我在我的应用程序中使用JQuery验证插件。我有一个注册表单，并使用.submit()方法提交表单。但是，当我尝试从Mozilla或IE提交相同的表单时，它提交了表单，但没有通过验证。所以简而言之，在没有验证的情况下，我在y DB中得到了垃圾数据。
我附上了我的.JS文件，请看看，如果我做错了什么，请让我知道。
home.js
//验证规则
$('#signup-form').validate({
rules: {
'firstname&
浏览 1提问于2011-10-17得票数 1
回答已采纳
1回答
在我的一个角JS应用程序中，我想在ajax调用之后验证和提交一个表单(如果它返回1)
，所以目前我提交的表单看起来像
$scope.formSubmit=function(form,$event){
form.$submitted = true;
if(form.$valid==false){
$event.preventDefault();
}
};
我的AJAX代码部分是
$scope.checkLogin=function(){
var url=$('#site').val()+
浏览 3提问于2016-01-30得票数 0
我正尝试在通过JS提交的表单上使用不可见的re-captcha v2。我在网上看到的每个示例都显示了一个普通的HTML提交表单，其中包含指定的操作和方法，但我在表单上使用preventDefault()通过ajax提交表单。这似乎是一件很简单的事情，但我已经搜索了几个小时，在网上找不到一个人做过这件事。 HMTL： <form id="form-login">
<!-- ...form fields... -->
<div
class="g-recaptcha"
data-sitekey="
浏览 36提问于2020-05-03得票数 1
回答已采纳
4回答
Chrome会因为这个JS而崩溃。有一个具有多个输入的表单。JS代码必须在提交前检查它们是否已填满。但是在提交成功后，Chrome就崩溃了。
<script>
$(document).ready(function(){
var form = $('form#add');
form.submit(function(){
var filledInputs = $('form#add input[value!=""]');
$('form#add input[value=""]
浏览 5提问于2013-05-24得票数 2
回答已采纳
2回答
所以，我有一个表单和两个按钮，一个按钮只用于验证电子邮件，而另一个按钮是表单提交按钮。我正在使用jQuery验证来验证表单。
我想要的是只有提交按钮才能通过submitHandler提交表单并执行alert("success")，但是每当我单击VERIFY按钮时，它也会通过submitHandler提交表单并执行alert("success")。
下面是脚本：
index.html
<form id="form_data">
<div class="form-group">
<
浏览 1提问于2020-07-18得票数 0
回答已采纳
我在Parlsey.js中使用两个组，一个用于警告，另一个用于关键错误。如果警告失败，表单仍应提交，但如果严重错误失败，则不应提交。
我试过使用$('form').off('form:validate');，这是我在另一篇文章中看到的，但它似乎什么也没做。
理想情况下，我只希望在关键组失败时阻止表单提交，但我怀疑Parsley.js是否支持这一点。然而，似乎应该有一种方法告诉Parsley.js始终提交表单，而不管它是否有效。然后，我可以注册一个提交处理程序，只检查关键组，并在失败时阻止提交。
我在文档里找不到任何东西来做这个。任何帮助都是非常感谢的！
浏览 4提问于2017-05-12得票数 1
回答已采纳
2回答
我有一个表单，我正在收集表单数据的条目并存储在我的本地存储中。我可以验证表单(使用jquery - validation.min.js插件)，也可以创建一个JSON。
但是，只有在验证了我现在使用的表单之后，我才应该创建JSON。
注意：-验证函数在我的validation.js文件中。- json创建函数在我的HTML between脚本标记中。我注释了提交处理程序部分：
submitHandler: function(form) {
form.submit();
},
认为提交函数是冲突的，但结果仍然是相同的
我这里有一把小提琴，
浏览 8提问于2017-02-17得票数 0
回答已采纳
2回答
我有一个HTML表单。我正在使用jquery.validate.js验证我的表单，它在提交事件时起作用。我想在提交之前验证这个表单。
根据我的研究，我尝试过：
$('#my-form').on('before-submit',function(){
alert('Before submit performed');
});
我想在触发提交事件之前验证表单。该怎么做呢？
浏览 0提问于2015-01-24得票数 11
回答已采纳
1回答
我使用UJS在模式内填充表单，并使用JQuery验证执行验证，并通过ajax将表单提交给服务器。
一切都很好，表单被呈现，字段被验证，表单被正确地提交到服务器。问题是，挂起$.rails.handleRemote函数的回调不会触发。
下面是我用于验证和提交的CoffeeScript (这个函数是从new.js.erb和edit.js.erb调用的：
@initializeForm: ->
$(".note-form").validate ->
rules:
"note[title]" : "r
浏览 1提问于2013-09-26得票数 0
回答已采纳
我在一个页面上有多个可以切换的内联表单。该页面特定于用户可以提交的给定“问题”，其他用户可以提交“答案”，这是一种可以切换的表单。用户还可以提交对问题的评论、其子答案或其他评论，这些评论也可以通过切换内联表单来发布。
然而，我的一些测试失败了(例如Ambiguous match, found 2 elements matching field "Answer Brief")，大概是因为没有一次切换多个表单的规则或预防措施。
如何让用户在打开新表单之前先关闭表单？
我拥有的所有表单都是使用Rails link_to方法打开的，该方法调用控制器中的new操作，这是一个包含表单切换和
浏览 2提问于2014-04-24得票数 0
3回答
我有这个表格
<form id="form" method="POST" onsubmit="return validate()">
<input type="text" id="name" name="name">
<input type="submit" value="next">
</form>
而这个验证
if ($("#name").val() == "")
浏览 0提问于2018-03-18得票数 0
3回答
不顾验证错误提交角形
、、、
我用Angular.js编写了一个表单，它要求在提交之前填写一个字段。验证工作正常(当我提交表单时，该字段显示一个验证错误)，但表单似乎仍然执行其ng单击操作。
在验证错误的情况下，角形是否应该提交？如果存在验证错误，防止它提交的最佳方法是什么？
下面是有问题的表格：
<form role="form">
<div class="form-group">
<label>Book Id</label><br>
<input ng-model="boo
浏览 1提问于2014-06-30得票数 2
回答已采纳
我使用的是formvalidation.io，并且在同一个页面上有2+表单。
当我提交表单1时，如果表单2无效，则提交按钮被禁用，即使表单1有效也是如此。
JS：
$('form').formValidation({
framework: 'bootstrap',
trigger: 'keyup blur',
fields: {
required: {
selector: '[validator="required"]',
va
浏览 2提问于2015-11-26得票数 1
1回答
这是我的html表单。它包含jquery验证插件。我正在尝试验证我的输入域类型文件。当我将提交表单，它应该检查用户上传图像或没有。
<html>
<head>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.min.js"></script>
<script type="text/javascr
浏览 0提问于2016-01-14得票数 0
2回答
我和sails.js一起工作，我想知道是否有更好的方法来管理表单提交后的下拉列表数量。
// app/api/controllers/UserController.js
module.exports = {
form: (req, res) => {
let cProfiles, cGroups;
Profiles.find()
.then(profiles => {
cProfiles = profiles;
return Groups.find();
})
.then(groups => {
浏览 4提问于2016-05-31得票数 0
1回答
我搞不懂这件事，不知道你能不能帮个忙！当我点击按钮时，没有任何反应。理想情况下，我希望表单在提交前进行验证，如果没有验证，则阻止提交。
<script type="text/javascript" src="../assets/js/validate/jquery.validate.min.js">
</script>
<script type="text/javascript" src="../assets/js/validate/jquery.validate.more.j
浏览 0提问于2011-08-05得票数 0
我有一个节点类型，可以由经过身份验证的用户创建。在节点创建表单中，我通过表单挂钩添加了一个“服务条款”复选框，如下所示：
function themename_form_alter(&$form, &$form_state, $form_id) {
if ($form_id == 'node_nodetype_form') {
$form['field_tos_accept'] = array(
'#type' => 'checkbox',
'#title'
浏览 0提问于2021-10-10得票数 0
回答已采纳
我正在使用jQuery验证插件的submitHandler来禁用提交按钮，但是一旦表单提交按钮被禁用，我必须等待5- 10秒才能将表单发布到其他页面？下面的整个代码，很奇怪吗？可能是超时的问题？
<script src="http://code.jquery.com/jquery-1.7.2.js" type="text/javascript"></script>
<script src="http://jquery.bassistance.de/validate/jquery.validat
浏览 2提问于2013-08-04得票数 2
回答已采纳
2回答
在提交表单之前，我需要做一些验证。
我不能修改html代码和现有的js (唯一的方法是添加新的js文件)。
我试过这个：
$('form').submit(function() {
alert("check");
return false;
});
但它不会调用。
我也试过这个：
$(document).on('submit', 'form', function(e) {
alert("check");
return false;
});
它可以正确调用，但仅适用于alert()。
浏览 0提问于2018-10-16得票数 1
login.js文件：
const form = document.getElementById('loginForm');
form.addEventListener('submit',async(e)=>{
e.preventDefault();
return await fetch(`localhost:8000/route`, {
method: "get",
headers: {
"Content-Type": "applicatio
浏览 4提问于2022-08-09得票数 2
3回答
我有一个包含必填字段的表单，如下所示：
<form id="testForm" NAME="testForm" ACTION="./test2.html" METHOD="post">
<INPUT TYPE="text" Name="name" required="yes" />
<INPUT TYPE="text" Name="name2" />
<INPUT class=
浏览 0提问于2017-09-02得票数 0
回答已采纳
我有一个包含文本区和提交按钮的表单。当用户单击submit按钮时，表单将使用AJAX快速提交。我想在提交期间禁用文本区和按钮。
我尝试将JS click事件绑定到submit按钮，并在那里禁用这两个控件。我的代码如下：
表格：
<%= form_for @tweet, remote: true do |f| %>
<%= hidden_field_tag :authenticity_token, form_authenticity_token %>
<% if @tweet.errors.any? %>
<div id=&#
浏览 1提问于2014-09-26得票数 0
1回答
我想以我的形式进行这种类型的验证。
当用户提交空表单时，该字段应与消息一起红色。我的create.scala.html
@(signupForm: Form[models.Member])
@import helper._
@import helper.twitterBootstrap._
@main(Html("Create User")) {
@form(action = routes.UserController.submit(), 'id -> "userCreationForm", 'class -> &
浏览 5提问于2014-04-15得票数 3
我需要使用类似jquery的angular js提交一个带有原生动作url的表单，在jquery中我们可以像这样提交表单，下面在Angular js 1.x中的对应代码是什么？我知道在angular js中，大部分表单都是用ajax提交的，但在这里我想提交如下内容
<form id="target" action="destination.html">
<input type="text" value="Hello there">
<input id="other" type
浏览 55提问于2018-07-31得票数 0
1回答
我能看到风景。在此视图中
<form id="validate'>
some fields are here.
</form>
<form>
</form>
<input type="Submit" value ="Submit" >
现在提交按钮将不起作用，因为它在下面，我希望表单id=“验证”得到张贴。
因为我必须对表单id=“validation”执行一些JS验证，所以这也不会起作用。
我这里的问题是如何发布表单和验证表单。如果我说得不够清楚，请让他们知道。
浏览 0提问于2013-03-18得票数 0
回答已采纳
1回答
我需要在Yii2框架中实现自定义表单验证。
我的页面上有以下脚本：
<script src="/assets/acb8f29e/jquery.js"></script>
<script src="/assets/cb9d857a/yii.js"></script>
<script src="/assets/cb9d857a/yii.activeForm.js"></script>
<script src="/unify/assets/js/form.js"
浏览 75提问于2018-07-26得票数 0
回答已采纳
我在一个网站上有由PHP处理的表单，包括验证。通常，如果有错误，用户将返回给表单，并带有适当的错误消息。对于启用了javascript的用户，我试图编写一个带有原型的javascript，它使用AJAX进行相同的PHP验证(以避免代码重复)，并显示错误消息，而不必实际提交表单并等待它重新加载。
该脚本在通过AJAX捕获错误并显示错误方面工作得很好。但是，当没有错误时，我无法让表单提交并移到下一页。我一直在使用Event.stopObserving，但它只是重新加载页面(它不是表单操作url，表单提交给与表单本身不同的页面，所以它不是服务器发送回浏览器)。我不太擅长javascript和Prot
浏览 2提问于2011-05-20得票数 0
2回答
这是我的代码：
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#alta
浏览 0提问于2012-02-21得票数 3
回答已采纳
2回答
我有这样的代码：
$('form').submit(function()
{
if (newpost_validator.numberOfInvalids() > 0)
{
HideModal();
}
else
{
ShowModal();
}
});
它的想法是在提交表单时检查是否发生了验证问题，如果没有，则显示一个模式框。但是，我希望检查多个表单，因为此代码位于父JS文件中。举个例子：
$('form').submit(function()
{
if (newpo
浏览 1提问于2011-03-19得票数 1
2回答
用$.post()进行表单验证
、、、、
我使用bassistance.de的验证jQuery插件来验证表单#signup-form。与其按照通常的方式将表单数据直接提交给服务器，不如通过$.post()提交AJAX数据。
JS代码
// Validate form
$('.signup-form').validate({
rules: {
signupName: { required: true, minlength: 3 }
}
});
// Submit to Serverside
$('#submit-btn').click(function() {
浏览 1提问于2012-11-11得票数 0
回答已采纳
2回答
我的MVC应用程序中有很多页面，用户点击提交按钮来发布表单。有时用户会单击Submit，因为没有立即发生，所以再次单击它。因此，该表单提交两次。为了防止这种情况，我有以下JavaScript代码：
// When the user submits the form, disable the Save button so there is no chance
// the form can get double posted.
$('#form').submit(function () {
$(this).find('input[type=submit]'
浏览 5提问于2016-01-28得票数 0
回答已采纳
我正在尝试在使用JQuery验证器发送表单之前验证表单，但问题是表单不会得到验证，除非我按一次提交(具有所需的长度)，然后它开始验证。它不会验证，即使我点击提交没有填写最小长度的输入，它也不会验证。下面是我的html： <form class="newRegister-formBox basketForm" id="confirmPhoneNumberForm" autocomplete="off">
<input autocomplete="off" type=
浏览 14提问于2019-04-13得票数 0
当从我的api返回错误(如‘未知用户’)时，如果不单击两次，则无法重新提交表单。我希望用户能够重新提交数据，但表单不会提交，除非点击两次。第一次单击将删除错误警告，第二次单击将重新提交表单。仅供参考：Using jquery.validate.js
var validator = $('#form1').validate({
submitHandler: function (form) {
$('#login').attr('disabled', 'disabled');
$.ajax({
浏览 0提问于2018-09-17得票数 0
2回答
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <link rel="stylesheet" type="text/css" href="login.css"> -->
<script type="text/javascript" src="https:
浏览 1提问于2016-01-06得票数 0
回答已采纳
1回答
我正在尝试使用jquery.validate.unotrusive.js插件来动态创建表单字段，如下所示：
var message = $("<textarea id='test'></textarea>");
$(message).attr("data-val", "true")
.attr("data-val-number", "The field CustomerId must be a number.")
.attr("data-val-required
浏览 0提问于2012-06-15得票数 0
回答已采纳
2回答
我使用Parsley.js来验证我的表单。我告诉欧芹通过添加.
<form data-validate="parsley" name="myform">
我的元素看起来是：
<input type="text" name="username" data-required="true"/>
如果您忽略了所需的字段并试图使用此按钮提交表单.
<input type="submit" value="Submit"/>
欧芹显示错误，不允许提交表单。但
浏览 1提问于2013-11-06得票数 1
回答已采纳
3回答
我正在对表单执行一些自定义的js验证，这是通过提交表单触发的
$("form").submit(function (e) {
var validates = true;
// validation code goes in here
if (!validates) {
e.preventDefault();
e.stopImmediatePropagation();
return false;
}
})
我用来停止submit事
浏览 1提问于2011-02-14得票数 1
回答已采纳
这是我的表格：
<div id="MyModal" class="m-modal-container">
<div class="form-wrap">
<form id="form_reg" class="m-form reg-form" action="www.somedomain.com/subPage">
<div class="form-element email">
<input typ
浏览 3提问于2012-10-17得票数 2
1回答
我的表单由文本输入和复选框组成。
提交表单时，文本输入不能为空，因此使用required参数。
我想在每次更改复选框时提交表单，并仍然保留此内置验证。目前，如果文本输入为空，并且我单击复选框，它将提交。
如何在复选框更改时保持验证？
const Form = () => {
const handleSubmit = (e: any) => {
e.preventDefault()
alert('submitted')
}
return (
<form onSubmi
浏览 6提问于2020-11-14得票数 0
回答已采纳
1回答
我试图在我的应用程序中使用客户端验证，但它不起作用。只有服务器端验证有效。验证在表单发布到服务器后生效。我在布局的head部分中有以下脚本 <script src="~/js/jquery-3.6.0.min" type="text/javascript"></script>
<script src="~/js/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
<script src=&#
浏览 30提问于2021-07-15得票数 0
回答已采纳
1回答
如何通过表单验证防止重复提交
、、、、
我在过去的一天左右一直在研究这个问题。我试图防止用户双击我的django项目的submit按钮并提交表单两次。我也在做表单验证，所以如果表单验证失败，我不想禁用提交按钮。在本例中，我的表单验证阻止了双重提交，因为我的表单中有一个惟一的字段，它阻止了双重提交。我还在提交之后执行重定向，但如果我双击或三次单击submit按钮，表单将失败，并且永远不会执行重定向。 我已经尝试了下面代码的不同版本，我在一个类似的SO问题上找到了这些版本…… $(document).ready(function (){
$('for
浏览 70提问于2019-01-25得票数 2
回答已采纳
2回答
我有一个PHP页面，它使用AJAX加载表单的几个部分。例如，首先检查用户是否已经注册，如果已经注册，脚本将加载表单的其余部分(使用AJAX)。表单不会使用AJAX进行子处理，当用户提交表单时(如果没有AJAX) --假设存在一些错误--表单将失去所有的值，这将是一个问题。我想知道CSS是否隐藏了表单的一部分，在成功登录之后，使用JS显示表单的其余部分会更好。
这里有一些代码：
<form action="some_action.php">
Email: <input type="text" name="email" id
浏览 6提问于2014-11-30得票数 0
回答已采纳
当单击此代码时，应执行以下操作：
提交表格
禁用按钮以防止双击
在按钮中添加一个旋转器，以通知用户正在发生什么事情。
如果表单无效，请停止表单提交，删除旋转器，并启用按钮。
在编写此代码时，我发现只有当按钮类型设置为提交时，它才会执行验证和表单提交。如果按钮类型为按钮，则按钮单击事件中的form.submit不会提交表单。表单的处理停止，没有验证，没有表单提交。我在jquery #myForm.submit中设置了断点，它们从未被击中。有人对这种行为有什么解释吗？
框架: jquery 3.4.1，引导4
<form action="doSomething
浏览 2提问于2020-05-13得票数 0
回答已采纳
1回答
我使用javascript来验证我的表单输入，它工作得很好，但是当错误没有得到纠正时，表单仍然会被提交。
在用户做出更正之前，如何防止表单提交？
下面的样本代码；
$('.validate').hide();
$('body').on('blur', '#phone', function() {
$('.validate').hide();
isphone($(this).val());
});
function isphone(phone) {
if (phone === "1234&#
浏览 9提问于2022-04-20得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
