如何保留默认的HTML表单验证并禁止表单提交?我尝试过使用event.preventDefault()并返回false.两者都成功地阻止了表单的提交,但都失败了表单验证.我也尝试了this solution,但即使这样也行不通. 有人能帮帮我吗?解决方法:event.preventDefault()并返回false;如果在表单提交上使用,则工作HTML 5验证仍然存在.jQuery("form").submit(function(e){e.preventDefault(); //or//return false; }); <script src="https://ajax.googleapis...
我想检查下拉列表是否为空. 需要显示所需的消息和 如果不为空,请启用提交按钮. 如果为空,请禁用提交按钮.下面是我的HTML 下面是我的HTML<form [formGroup]="myForm" (ngSubmit)="save()" > <mat-form-field><mat-select formControlName="name" placeholder="Element List" (selectionChange)="elementSelectionChange($event)" required><mat-option *ngFor="let element of Elements" [value]="element.name">{{ element.name...
我在AngularJS中结合客户端验证和服务器端验证时遇到了一些麻烦.这是HTML:<form class="form-login" name="loginForm" novalidate ng-submit="login()"><fieldset><h2>Login</h2><input type="text" required class="input-block-level" placeholder="Username" ng-model="username" name="username"><div ng-show="loginForm.username.$dirty && loginForm.username.$invalid"><span ng-show="loginForm.username.$error.require...
我有一个由HTML5表单敲击的ng-form内的复选框,我想要排除,所以它不会改变我的表单$state($pristine或$dirty). 我尝试过使用ignoreDirty指令 – Angular 1.2: Is it possible to exclude an input on form dirty checking? 和其他一些解决方案,并没有适用于HTML5表单内的ng-form,一些示例代码:<form name="mainForm" class="col-xs-10 form-validation" novalidate><ng-form name="innerForm"><div><span>check my<span ng-if="vm...
我想使用JavaScript来执行表单验证,以检查输入字段只包含数字字符.到目前为止,验证检查字段不是空的 – 哪个工作正常.但是,数字字符验证不起作用.我将不胜感激任何帮助.非常感谢.<script type="text/javascript"> //form validation function validateForm() { var x=document.forms["cdp_form"]["univer_number"].value if (x==null || x==""){alert("University number (URN) field must be filled in");cdp_form.univer_number....
我使用内置的Magento表单验证来确保用户在特定的一组无线电盒子上进行选择. 但是下面的代码看起来不错<div class="input-box"><li class="control"><input type="radio" class="radio organisation_type" value="1" id="billing:organisation_type_1" name="billing[organisation_type]"> <?php echo $this->__('School') ?></li><li class="control"><input type="radio" class="radio organisation_type" value="2" id="billing:...
我需要动态验证AngularJS中的json.我正面临从架构到页面加载字段的问题.我是AngularJS的新手,所以我对它没有那么多的了解.我创建了表单,但我无法动态验证它.myApp.controller('appController', ['$scope','$http', function($scope, $http) {var NUMBER_REGEXP = /^[0-9]+$/;$http({ method: 'GET', url: 'JsonSchema.json' }).then(function successCallback(response) {$scope.data = angular.fromJson(response);$scope.data = ...
我有一个AngularJS验证表单.问题是我使用Jquery向此表单添加输入元素,而AngularJS不会将这些元素添加到表单的验证中.这是一个例子:http://jsfiddle.net/ULEsy/var input = $compile($('<input type="text" ng-model="textinput" required />'))($scope); $("#someform").append(input);在示例中,即使输入字段无效(空 – 可以通过红色边框看到),整个表单也是有效的.有帮助吗?解决方法:@Ephi,我找到了解决这个问题的方法.显然,您需...
所以我有一个包含多个输入表单字段和嵌套表单组的表单.在嵌套表单组中,验证应该是这样的:如果填充了三个输入中的任何一个,那么表单应该是有效的.这个人可以填写全部,甚至只填一个,表格应该有效.我的模板代码如下:<h3 class="form-title">{{title}}</h3> <form [formGroup]="formX" novalidate><div formGroupName="brandIdentifier"><mat-form-field class="full-width"><mat-icon matSuffix color="primary" *ngIf="brandName.v...
Express-form是node.js / express的一个非常强大的验证插件.但是,在示例和文档中,所有响应都是服务器端(console.log),这对于开发来说已经足够了,但是告诉用户出了什么问题并不太实际. 目前,我可以想象两种不同的解决方案: >提交表单并重新定向/渲染表单,并附加req.body和验证消息,将“错误”类添加到错误字段.>使用AJAX提交表单. 我更喜欢选项2,因为我不想在渲染’new’时再次查询数据库.但我必须知道如何将验证结果传递回客户端并...
我想使用表单验证来验证所有表单元素,但如果选中一个复选框,我想要转义其中一个. HTML<form id="reg_form"><div class="control-group"><div class="control"><label class="control-label" for="sex"> Male </label><?PHP echo form_checkbox('sex', 1, '', 'class="example"') ?><label class="control-label" for="sex"> Female </label><?PHP echo form_checkbox('sex', 2, '', 'class="example"') ?></div> </div> ...
我正在开发一个PHP应用程序.它包含在html表单中.我的问题是如何以简单的方式实现表单验证,而无需在服务器(使用PHP)和浏览器(使用Javascript)上复制验证代码.我已经设计了一个使用ajax的方法.当输入失去焦点(onblur事件)时,它将使用它包含的数据对服务器进行ajax调用.如果值无效,则响应将是错误消息,否则为空字符串.但是代码在服务器和浏览器上都非常臃肿,可能非常多.你能指出我正确的方向吗?总是输入验证复杂或我应该使用不同的方...
我正在尝试使用JavaScript进行表单验证,但是我似乎没有得到任何响应,甚至没有警报,即使它在那里.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Example Form</title><script type="text/javascript">function CheckForBlank() {if(document.getElementById('name').value="") {alert("enter something valid");retu...
我有一个银行贷款申请,其中包含很多输入字段,其中一些是隐藏的(隐藏字段是根据一组条件动态显示的).例如,如果选择选项1,则会显示隐藏字段,并隐藏其他一些字段.如果选择选项2,某些字段将显示,其他字段将隐藏.在表单的最后我有一个意味着按钮将被禁用,直到整个表单有效,但我现在的问题是隐藏字段也得到验证,因此表单将永远无效.有没有办法告诉角度如果隐藏它们不验证字段? 隐藏字段的方式如下例所示:<form [formGroup]="form"><sel...
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <head> <script> function validateForm(){ var x=document.forms["myForm"]["fname"].value; if (x==null || x==""){alert("姓必须填写");return false;} } </script> </head> <body><form name="myForm" action="demo-form.php" onsubmit="return validateForm()" method="post"> 姓: <input type="text" name="fname"> <inp...