자바 스크립트를 사용하여 html5 유효성 검사

<form action=""> 
    First name: <input type="text" required name="FirstName" value=""><br> 
    Last name: <input type="text" name="LastName" value="Mouse"><br> 
    <input type="submit" value="Submit"> 
</form>

html5 유효성 검사를받을 수있는 방법이 있습니까? 첫 번째 이름 필드처럼 내가 자바 스크립트를 사용하여 제출을 클릭하면, 거기 html5의 막힘을 알 수있는 방법은 무엇입니까? 폼 요소에 지정 될 수있다 양식 제출자바 스크립트를 사용하여 html5 유효성 검사

출처

2016-06-26 Alicia Brandon

할 수 있습니다 '<폼 NOVALIDATE />'와 쉽게 비활성화 브라우저 유효성 검사 또는이 질문에 답변 검증이 있는지 확인 : http://stackoverflow.com/ 경우에이 코드를 사용할 수있다 질문/8550642/브라우저에 HTML5 형식 검증이 내장되어 있는지 확인 –

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation# Constraint_validation_process 및 다음은 유용한 참고 자료입니다. https://www.sitepoint.com/html5-forms-javascript-constraint-validation-api/ –

속성은 액션에 enctype, 방법 NOVALIDATE 및 대상이다.

제출 버튼을 을 지정할 수 있습니다 양식 제출에 대한 해당 속성은 formaction, formenctype, formmethod, formnovalidate 및 formtarget 있습니다. 생략하면 양식 요소의 해당 속성에 지정된 값인 이 기본값으로 사용됩니다. W3는 아래 단락에서 그것을 말했듯이

그래서, 당신은 폼 요소에 NOVALIDATE을 설정하거나 양식을 검증에서 HTML5를 중지하고 검증하는 제어를 얻기 위해 제출 버튼을 formnovalidate을 추가 할 수 있습니다.

이 작업으로 모든 유효성 검사 기능을 잃어 버리므로 각 분야별로 유효성을 검사해야합니다.

다른 브라우저에서 브라우저가 html5 유효성 검사를 지원하지 않는지 알고 싶을 수도 있습니다.

if (typeof document.createElement('input').checkValidity != 'function') 
    document.getElementsByTagName("form")[0].setAttribute("novalidate", "")

출처

2016-06-26 10:15:23

자바 스크립트를 사용하여 html5 유효성 검사

답변

관련 문제