JS - проверка данных формы и отправка

JS не знаю, по этому методом тыка, благо начальное знание PHP, C# и C++ помогают, вот такое соорудил:

есть JS скрипт

Код (Text):

1. <script>
2. function check() {
3.  
4. var field = document.getElementById('test_field');
5. var span = document.getElementById('test_span');
6.  
7. if (field.value.length < 5) {
8. span.innerHTML = 'Длина текста меньше 5 символов';
9. }
10. else if (field.value.length > 10) {
11. span.innerHTML = 'Длина текста больше 10 символов';
12. }
13. else {
14. var submit_button = document.getElementById('submit_button');
15. submit_button.removeAttribute('disabled');
16. span.innerHTML = 'Все ОК, можно отправлять';
17. }
18.  
19. }
20. </script>

и форма

Код (Text):

1. <form method="post" >
2.  
3. <textarea name="test_field" id="test_field"> </textarea>
4. <br><span name="test_span" id="test_span"></span><br><br>
5.  
6. <input type="button" name="check_button" id="check_button" onclick="check()" value="Проверить" />
7. <input type="submit" name="submit_button" id="submit_button" value="Отправить" disabled />
8.  
9. </form>

В форме 2 кнопки, одна проверить введенные данные, вторая отправить их, изначально отправка заблокирована, если данные успешно прошли проверку кнопка разблокируется и можно отправлять, вопрос как эти 2 кнопки превратить в одну, что при нажатии осуществлялась проверка, если все ок, отправлялось (само, без повторного нажатия, так же как и при обыкновенном нажатии кнопки), а если нет не отправлялось, а выводило ошибки.
action в форме на ту же страницу.

Напишите пожалуйста.

 

Спасибо, из ваших ответов я скомпоновал решение, оно не совсем такое как вы пишите, в частности, за счет:

будет проверяться поле (поля) и в зависимости от заполнения кнопка будет активироваться / блокироваться, единственный недостаток, я не смогу очищать поля от HTML тегов.

наверное тут ошибка, т.к. кнопка submit_button имеет тип submit ( type="submit" ) по-этому как не крути а отправка и так происходит.
Можно в принципе поменять тип с submit на button, тогда все великолепно, но тогда в POST не попадает сама кнопка (submit_button), а заполнение формы как раз проверяется "по нажатию кнопки", с другой стороны выходом будет добавить скрытое поле и по нему уже судить "нажата кнопка или нет".

Вообщем есть над чем поразмыслить, возможно все переделаю так, еще раз спасибо за информацию.


А можно пользуясь случаем такой вопрос задать, регулярные выражения в PHP и JS одинаковые?

 

почему нет? допустим есть ряд условий для данных, не больше не меньше и без HTML тегов, допустим пользователь вставил текст с HTML тегами и по длине они подходят, а если удалить, уже слишком короткое сообщение, надо бы его об этом уведомить, ни так ли?
или как быть в подобной ситуации?

 

еще как в книге для новичков писали что надо бояться HTML тегов, которые могут вставить посторонние лица, т.к. он может быть вредоносным, по этому и очищаем от тегов

 

ну при выводе, т.е. PHP тоже будет проверять все данные, на современных пользователей совсем нельзя положиться

 

1. Есть поле которое не должно содержать HTML теги, зачем мне тогда хранить в БД данные с HTML? по меньшей мере это не разумно, т.к. это будет занимать больше места.

2. введенные данные должно соответствовать требованиям, в них не должно быть HTML тегов и длина не больше и не меньше, может с HTML оно будет соответствовать длине, а вот без них нет, для этого надо еще у пользователя очистить текст от HTML и сообщить ему о том что маловато символов, или зачем тогда проверять у пользователя, можно и все это сделать на стороне сервера при помощи PHP (хотя на стороне сервера оно и так тоже будет фильтроваться).

 

Ну просто я не совсем понимаю почему нельзя очищать при помощи JS еще у пользователя, кроме того "да пускай будет как хочет пользователь", какие опасности могут быть от этого?