Обнаружение формы HTML submit

Question

У меня есть общая форма ниже, у которой есть кнопка, и эта кнопка будет отправляться в базу данных, что кнопка на самом деле не так, о чем идет речь, вопрос заключается в обнаружении html-формы подавать в угловой.

<div class="example" ng-controller="ExampleController as app"> 
    <h1>Button below Form appears when fields full</h1> 
    <form method="post" action="do_button_stuff"><TABLE BORDER="1"> 
    <TR><TD>Your name</TD> 
    <TD><INPUT TYPE="TEXT" NAME="name" SIZE="20"></TD></TR> 
    <TR><TD>Your E-mail address</TD> 
    <TD><INPUT TYPE="TEXT" NAME="email" SIZE="25"></TD></TR> 
    </TABLE></form> 
    <input type="submit" value="Submit" ng-show="filled_form"> 
</div> 

Я родной PHP программист и новым для Угловое и Javascript, поэтому я работаю над быть полный стек DEV. Раньше я использовал jQuery. Но я вышел из своего элемента и не имею нормального потока процессов, как преодолеть это препятствие. I подозревают, что решение является либо Javascript, либо jQuery, либо добавляет правый неизвестный угловой html-теги к форме элемента DOM. Идея состоит в том, чтобы предоставить некоторую проверку на стороне клиента, чтобы пользователь не смог использовать кнопку сообщения, если они, по крайней мере, не пытались заполнить поля. Конечно, у меня есть проверки на стороне сервера.

Нужно ли найти ответ для этого с помощью Angular.js, или я должен держать его простым и использовать только javascript?

Answer 1

Вы можете добавить к своему <form>ng-submit="here_function_name(variables)" и не забудьте переместить вашу кнопку внутри <form></form> тегов.

После нажатия кнопки, угловой выполнит here_function_name(variables), который должен быть определен в $scope в вашем контроллере. Вы можете поместить свою проверку в эту функцию.

Чтобы получить доступ к значениям на входах, приведен пример ниже (с использованием ng-model).

См пример ng-submit и формы в угловой здесь: https://docs.angularjs.org/api/ng/directive/ngSubmit