133 questions
2
votes
0
answers
303
views
How To Create An Employee Schedule Form With AngularJS 1.5.11
Summary
I'm having a hard time developing what I believe is a simple form using angularjs 1.5.11. It is supposed to be a multiple form single page UI which manages work schedules.
The final result ...
- 37
2
votes
2
answers
857
views
How to invoke AngularJS $compile from outside AngularJS module/code?
Suppose I have HTML with AngularJS module/controller as follows:
angular
.module("myModule", [])
.controller("myController", ['$scope', '$compile', function ($scope, $compile) {
...
- 1,082
-1
votes
1
answer
70
views
Is an AngularJS Form Item validated if it isn't displayed using jQuery hide()?
and yes, it's 2020 and I'm still using AngularJS 1.x instead of Angular, but it's for a project at work, so I don't have a choice in the matter.
Anyway, I'm trying to set up a form that needs to ...
- 461
0
votes
1
answer
531
views
Form Validation with font awesome icons inside ng-repeat
Good Afternoon,
I'm having a problem trying to get my font awesome icons to work as expected, I have a shopping cart where hardware can be ordered, an address field is provided for each item so the ...
0
votes
1
answer
483
views
How to use form and ng-form together?
I want to use form and ng-form together. I have a markup like this:
<form
name="createCampaignForm"
ng-submit="submitCreateCampaignForm(createCampaignForm.$valid)"
novalidate>
<myinput
...
- 1,492
0
votes
1
answer
540
views
Publishing an Input outside the Form to the Form via name programmatically with Angularjs
I need to publish an Input to a Form, while the Input sits outside the form. I managed to add the input, but the result is not what I excactly need (see the console output)
So I basically adding the ...
1
vote
2
answers
663
views
Expose ng-form in scope and reference in ng-init
I am attempting to do something like this:
<div ng-form="testForm" ng-init="$ctrl.doStuffWithForm(testForm)>
Where I define a form/publish the form to the current scope with the name testForm ...
- 17.1k
0
votes
2
answers
805
views
AngularJS form validation is not working, empty form displayed
I am trying to create a form that contains selects and inputs. Unfortunately when i added this form nothing happens when when input is filled, no action ... Below is my code:
<form name="myForm" ...
- 1,209
1
vote
0
answers
50
views
Is it possible to use form attribute in angularjs for form validation?
Please think in angularjs way.
Actually my layout is different.
I have input fields inside form and also have input fields outside form, this is a special case in my product.
I know about form ...
- 650
1
vote
2
answers
1k
views
How to display error message when passwords doesn't match in Angularjs?
I'm new at Angularjs and my question is how to display an error message when the password doesn't match with confirm password?
Can someone help me, this is not very difficult but I'm still learning to ...
- 35
0
votes
0
answers
76
views
Set form to submitted once it's loaded
I am trying to submit the form initially but when I try to do vm.form.$setSubmitted();, vm.form is still undefined at that point as it takes a while to load. How can I submit the form once it stops ...
- 1,977
0
votes
1
answer
534
views
How to add validations for div tags in AngularJS
I'm trying to add validations to my Angular js code. I'm using div tags instead of form. Do I need to change something in .js or should I just add required in my input tag
<input required type=".....
- 23
0
votes
1
answer
80
views
AngularJS - how to use ng-required only for active fields
I have an application where toggle button is, and when clicked, it activates fields for user input.
Fields are on one page, button is calling like this:
<span ng-include="'partials/triggers/...
-2
votes
2
answers
3k
views
how to validate on form submit using AngularJS
I am very much new in angular js.I want to validate and post the form data using angular js on submit.I searched google but most of them was
disable the button on load ,after completing the form with ...
- 19
7
votes
2
answers
3k
views
AngularJs: Required field validation and highlight for dynamic rows of HTML table with contenteditable
I have an HTML table as below:
<tbody>
<tr ng-repeat="r in targetTable.rows">
<td contenteditable="true" class=""></td>
<td contenteditable="true"
...
- 6,292
0
votes
4
answers
84
views
Very Basic Example - Enable or Disable a button
I have this very basic example. This should work in a form for multiple inputs as well.
I want a form without any required parameters. But I only want to enable the button if at least one of them is ...
0
votes
0
answers
740
views
blob file edit and upload in angularjs
I am fetching a list of files (which may be of any type) from mysql database and converting them to byte[] and returning all the files of a particular user as an array of files in spring boot.
Now I ...
- 2,440
0
votes
1
answer
275
views
AngularJS bind ng-valid with function
Hi i would like to setValidity of input using an expression, but not a regEx, something like this
<input ng-model="number" required ng-valid="number / 2 > 14">
Is it possible i have complex ...
4
votes
2
answers
3k
views
How to stop form submission in AngularJS
You may be amazed why I am intended to do it, but it's necessary to be done. I couldn't solve, so could you please help me.. if yes, let's go!
I have a form, I want that if I click on submit, an ...
- 708
0
votes
2
answers
24
views
How to pass URL para value to AngularJS controller, edit these data, then store back to datastorage?
I listed input data from a form listed in HTML table using ng-repeat. I wanted to delete or update a row in the table. Please suggest how to pass the data value from a row to controller in AngularJS ...
- 23
0
votes
1
answer
383
views
Make Data Driven forms based on JSON with AngularJS [duplicate]
In AngularJS I am trying to make different editable forms from JSON data. I am getting JSON data from $http call.
Sample json data.
{
{"NodeType": "User","NodeDetail":{"Name": "Sam", "Age":24,"...
- 1,265
1
vote
1
answer
918
views
AngularJS Edit JSON data using forms
In AngularJS , I am trying to make and editable TreeView from JSON data. I want to get a nodevalue from JSON and edit it using forms. While editing, the original JSON should change immediately. I ...
- 1,265
1
vote
2
answers
73
views
angularjs 1 how to disabled selete option after submit form valid
Sorry if my question not well because i new in angular, please help me to drive to good solution and standard one.
here is my html form
<form ng-class="{'submitted': submitted}" name ="mybook" ...
- 21
0
votes
0
answers
66
views
AngularJS 1.6.8: Form data not submitting and so hence unable to save it to localStorage
I have a contact form. On submission, it displays a success message and it should store that data to $localStorage.
But, Form data not is not submitting as I do not see submitted form data in ...
user6488504
0
votes
1
answer
654
views
AngularJS 1.6.8: Unable to submit form and display success message
I have a simple query submission form with name, email and query fields and a component with a controller function having the submit function to submit the form.
I am using ng-submit directive in the ...
user6488504
1
vote
1
answer
671
views
Exclude control from affecting form $pristine
I have a text input within a directive that I want to use as a filter for displaying a list of items, but I don't want the entering of a filter to affect the containing forms $pristine value so that ...
- 8,956
0
votes
1
answer
270
views
AngularJs toggling between two buttons
I am trying to create a form with two buttons Edit & Submit. Submit is initially disabled . What I need to achieve is when Edit is clicked Submit button should be enabled and edit is disabled. ...
- 94
1
vote
0
answers
29
views
How to POST a Form with AngularJS
In my login.html I have
<div class="form-login">
<h4>Welcome back.</h4>
<input type="text" id="userName" ng-model="user.username"
class="form-control input-sm chat-input" ...
user9076544
0
votes
2
answers
184
views
How access form in ng-repeat?
Here is clear exampel about forms:
<div ng-form="namesForm_{{$index}}" ng-repeat="name in names">
<input type="text"
name="input_{{$index}}_0"></input>
<!-- ... -->
...
- 34k
0
votes
1
answer
433
views
How to restrict specail character Grave accent (backtick) in text box using angular js
i wants to validate text box which allows special character like []^_,atoz,1 to 10 characters.am using ng-pattern="/^[a-zA-Z0-9]*$/" it allows to enter but it doesnot enable submit button.But the ...
- 71
0
votes
1
answer
571
views
How to check if query params are empty with AngularJS forms
I have a project where i use query params which are passed to the back end for a search.
They are passed using the $http.get method in AngularJS.
Some params are not required for the search, so I ...
- 572
0
votes
1
answer
2k
views
ng-show Not Showing When input is invalid
I am having trouble with form validation in AngularJS. I am trying to show a div based on whether an input is invalid. Angular is putting the correct classes on my inputs (ng-touched and ng-invalid) ...
- 481
1
vote
0
answers
249
views
Angular js oi-select ng-init with ng-repeat
I am working on dynamic forms with ng-repeat. I am using the oi-select library for loading my locations. The oi-select box has multi select feature. on my page loading by default, I am loading first ...
- 21
0
votes
1
answer
191
views
angular form ng-repeat deleting single form
i am working with dynamic forms with ng-repeat .i am getting dynamic forms according to my userid. each form has delete button. my requirement is once i am clicking delete button i need to delete that ...
- 21
0
votes
2
answers
565
views
ng-repeat with angular form select box
i am working with AngularJS dynamic forms . According to my userid value i generated multiple form field with same model name using ng-repeat. i am using select box for loading location. As per my ...
- 21
0
votes
3
answers
1k
views
How to disable a button when there is no input in a text field
I want the search button to be disabled if there is no entry in the search field;
In my html file I have:
<div class="form-group">
<input type="text" class="form-control" ng-model"...
- 57
1
vote
3
answers
1k
views
AngularJS dynamic forms with ng-repeat
i am working with AngularJS dynamic forms . According to my userid value i generated multiple form field with same model name using ng-repeat. i am not able to get this input model values due to this ...
- 21
0
votes
2
answers
2k
views
validation checkbox using AngularJS
I have one form but when I try to validate the checkbox I have one problem, because are differents validations, one validation is one list you have to check one of them and then at the end of the form ...
- 173
1
vote
1
answer
1k
views
Dynamic form creation in Angular based on server's response
I am trying to create dynamic forms based on servers response. For example, I have 8 buttons, and each button when clicked should generate a different questionnaire with different input types. The ...
- 403
1
vote
0
answers
907
views
Redirecting to another page after a button is clicked Although there is no navigation code written in click event listener
This is my edit form html template
<div class="row">
<div class="col-xs-12">
<form [formGroup]="recipeForm" (ngSubmit)="onSubmit()">
<div class="row">
<...
- 3,805
4
votes
1
answer
3k
views
Angularjs form $error is not getting updated when the model is updated inside a directive unless the model be cleared
I can't figure out what's happening in the following example. I just trying to create my own required validation in my own directive where I have an array and I want to make it required (it's a ...
- 2,572
0
votes
2
answers
45
views
How do I get the value of a text field using AngularJS?
I want to get the value of a text field value using AngularJS when a form is submitted.
The code below always shows "undefined".
html:
<form ng-submit="AdvanceSearchSubmit($event)" name="...
- 283
2
votes
1
answer
10k
views
TypeError: Cannot read property '$dirty' of undefined
I have an Angular form with name p24Form
<div ng-form="private2" name="p24Form" ng-show="freqSelect == '2.4'" novalidate="" class="ng-pristine ng-valid">
<div class="form-group">
...
- 59.5k
0
votes
1
answer
2k
views
angular form not getting set to invalid on date below min value
I have an input field with type set to date.
<p>Form is valid : {{myForm.$valid}}</p>
<input type="date" ng-model="model.myDate" placeholder="yyyy-MM-dd" min="{{minDate | date:'yyyy-...
- 4,808
0
votes
2
answers
4k
views
angular form how to show changed save button text?
I use angular 1 form to show changed save button text.
The button text should be the follow:
(disabled) save - when initial
(enable) save - when edited or re-edit after saved
(enable) saved - click ...
- 2,055
0
votes
2
answers
2k
views
Check in controller which input element has been modified
I need to check which input element has modified in update form.
<form name="utilizationForm" role="form" novalidate>
<div class="row" data-ng-repeat="i in [1,2,3,4]">
...
- 411
0
votes
2
answers
55
views
My AngularJS validation does not work. I have added ng-required
My AngularJS validation does not work. I have added ng-required. Please let me know where I am missing
<ng-form id="frmdisbursementScheduleMaintenance">
<div style="padding-...
- 2,025
0
votes
1
answer
89
views
Angular - using radio buttons
I believe I'm following correctly the AngularJS official documentation for radio buttons.
So, I created this code:
indexSelected={{indexSelected}}
<form name="form">
<div class="form-...
- 6,848
0
votes
3
answers
522
views
Validating form field in Angular with regEx [duplicate]
I'm following the official angular documentation , but it's not working for me. What could be wrong ? I need to validate if the mobile phone are required and following the international standard like +...
- 6,848
6
votes
2
answers
24k
views
How to get file content and other details in AngularJS [duplicate]
How can I get file content while I click on submit button. I'm getting only first and second input.
Please refer to snippet:
!DOCTYPE html>
<html lang="en">
<script src="https://ajax....
- 658