양식을 사용하는 HTML은 필수입니까?

Question

나는 PHP, jQuery, AJAX, mySQL으로 사용자와 상호 작용이 많은 웹 사이트를 만들고 있었다. 이제 폼을 사용하는 것이 정말 필요하다는 것을 묻고 싶습니다. > 간단한 예를 들어

<div class="contact-form"> 
    <input type="text" class="textInputs" id="name" placeholder="Enter your name..." /> 
    <button class="submitButton" id="contactSend">Subscribe</button> 
</div> 

SIMPLE 코멘트 시스템

<div class="comment-box" d-id="1"> 
    <input type="text" class="textInputs" id="comment" placeholder="Enter comment..." /> 
    <button class="submitButton" id="comment">Comment</button> 
</div> 

<div class="comment-box" d-id="2"> 
    <input type="text" class="textInputs" id="comment" placeholder="Enter comment..." /> 
    <button class="submitButton" id="comment">Comment</button> 
</div> 

JQUERY - 난 내 사용자 입력의 대부분을 위해 무엇을했는지

좀이 같다 좀 ~ this> -

$('#comment').click(function(){ 
    var id = $(this).closest('.comment-box').attr('data-id'); 
//ajax stuff 
}): 

그러므로 내가 원하는 것은이 구조가 좋은지 또는 심각한 문제가 있는지 여부입니다. <form>을 의무적으로 사용하고 있습니까? 당신이 제출 '버튼을 클릭하고 태그가 필요 후 다른 페이지 또는 같은 페이지에 변수를 게시하여 양식을 제출하는 경우

Answer 1

는

당신이 아약스를 사용하여 게시하는 입력 값을 찾기 위해 폼 태그를 사용하는 경우 필요하다

당신이 아약스를 사용하고,이 경우에는 필요하지 않습니다 아약스 양식을 게시 할 DOM ID를 사용하여 입력 값을 당기는 경우

당신은 또한 DOM IDS

를 사용하여 자바 스크립트 유효성 검사를 수행해야 할 수 있습니다

이상적으로 사용하여 태그가 더 나은 표준 HTML 구조를 다음과 .

Answer 2

귀하의 요구 사항과 프로젝트에서 양식을 사용하는 방법에 따라 다릅니다.

양식의 필드 (2-3 개 필드) 없음 JQuery 또는 JavaScript로 ID 또는 이름을 사용하여 양식 필드를 직접 조작 할 수 있습니다. 그렇지 않으면 양식의 더 많은 필드를 사용하여 데이터를 조작하는 양식 태그가 있어야합니다.

표준 형식을 유지하고 Jquery로 양식 태그 및 Ajax 제출을 사용하려면 페이지에 양식 태그를 포함하는 것이 좋습니다.

참고 : 잘은 여전히 ​​귀하의 코멘트 상자가 제대로 심지어 자바 스크립트의 경우 잘 작동 할 수있는 경우

// To check the radio button 
var isAnsChecked = $("input:radio[name=<FIELDNAME>]").is(":checked"); 
var radio-value = $("input:radio[name=<FIELDNAME>]:checked").val(); 

// get Text box values 
var text-value = $("input:text[name=<FIELDNAME>]").val();