텍스트 상자가 비어 있고 제출 버튼이 제출되지 않을 때 경고합니다.

Question

좋아요. 그래서 약간의 HTML과 PHP로 작업 했으므로 텍스트 상자가 비어있는 상태에서 제출 버튼을 클릭하면 특정 이벤트가 실제로 발생하기를 원합니다. 내가 자바 스크립트 코드의 톤을 봤는데 그들 모두가 작동하지 않았다 (또는 아마도 내가 그들과 거래하고 그들에게 일하게 충분하지 않은) 그리고 심지어 자바 스크립트가 해결책이 될지 모르겠다. 나는 자바 스크립트에서 그렇게 잘하지 못한다. 그리고 이것을 처리 할 다른 방법이 있는지 나는 모른다. 사용자가 텍스트 상자를 비워두면 제출 버튼을 클릭 한 후 경고를 받고, 단추가 PHP 코드 입력 전에 입력을 입력 할 수 있도록 양식에서 양식을 제출하고 입력하는 것을 막기를 원합니다. 나는이 두 종류의 경고와 예방과 모든 것들을 가지고 실제로 두 사람이 함께 할 수 없다는 것을 읽었다. 그리고 만약 그렇다면, 이것을 다루는 다른 방법이있을 것인가?

Answer 1

자바 스크립트이 당신을 도울 수, 당신은 HTML 부분에 대해이 같은 싶습니다 가능성 : 그러나 내가 사용, 자바 스크립트에 대한

<form onSubmit="return validate(this);" ...> 
    <input type="text" id="usefulId"></input> 
    <input type="submit"/> 
</form> 

, 모든 것이 정확히 무엇을 달성하고자하는에 따라 뭔가 이 같은 :

function validate(theForm) 
{ 
    var valid = true 
    var textbox = document.getElementById("usefulId"); 

    if (textbox.value) { 
     textbox.setAttribute("class", "valid"); 
    } else { 
     textbox.setAttribute("class", "invalid"); 
     valid = false; 
    } 
    return valid; 
} 

당신이 다음 빨간색 또는 사용자 연락해야한다는 같은 텍스트 상자 색상을 일부 CSS를 추가하면

. 좋은 습관은 물론 실제 유효성 검사를 호출중인 다른 함수로 이동시켜 재사용 할 수 있습니다. 이유가 무엇인지에 대해 몇 가지 정보를 제공하려는 경우 레이블을 채울 코드를 작성할 수 있습니다. ...

HTML5에도 도움이 될 수있는 몇 가지 기능이 있습니다. 여기) XHTML을 준수하기 위해 작성

<form onSubmit="return validate(this);" ...> 
    <input type="text" id="usefulId" required="required"></input> 
    <input type="submit"/> 
</form> 

그러나, 나는 오른쪽 페이지와 몇 가지 다른 브라우저 (버전)을 발견하는 경우 HTML5 (http://caniuse.com/#feat=form-validation) 그래서 IE6-9에 대한 어떤 지원을 지원하는 브라우저에서이에서만 작동합니다. 이것이 문제를 해결하는 데 의존 할 수 없다는 것을 의미하지만, 브라우저에서 생성되는 멋진 효과를 제공합니다.