2013-07-07 4 views
-1

jquery가있는 양식을 제출하고 양식을 www.mywebsite.com/submit/에 제출하고 거기에서 데이터를 가져 와서 div를 넣으십시오. 나는 여기에 내 코드를 삽입jquery를 사용하여 양식을 제출하고 유효성을 검사하십시오.

 <form id="Submit_Video" method="get" action="submit/"> 
     <input id="Title" name="Title" type="text" value="Title?" onfocus="if(value=='Title?')value='';" onblur="if(value=='')value='Title?';" /><br /> 
     <input id="Weburl" name="Weburl" type="text" value="http://" /><br /> 

     <select id="Category" name="Category"> 
     <option value='1'>Value 1</option> 
     <option value='2'>Value 2</option> 
     <option value='3'>Value 3</option> 
     <option value='4'>Value 4</option> 
     </select> 
     <input type="submit" id="vsubmit" class="input2" value="Submit" /> 
    </form> 


<div id="video_submit_response"></div> 

:

이 내 HTML 양식입니다 ... 내가 입력 값이 올바른지 아닌지를 검증 할 필요가 제출

http://jsfiddle.net/BxZCt/

내가 지금 당장 문제가되는 코드는 제출 키를 누르면 입력 값이 올바른지 아닌지를 확인하지 않는 것입니다. 누군가가 www.mywebsite의 출력을 어떻게 보여줄 수 있는지 알려 주시기 바랍니다. co.kr/submit/ID를 사용하려면 video_submit_response

+1

외부 링크 또는 jsFiddle 데모 외에도 OP에 코드를 표시하여 질문을 완전히 "자체 포함"하도록하십시오. – Sparky

답변

0

입력을 올바른 값으로 확인해야하는 onsumbit 함수를 바인딩해야했습니다. 또한 당신은이 입력에 HTML5 설정 유형의 URL을 확인할 수 type="url"

0
당신은 HTML5가 필수 속성, 패턴 속성 (즉, 정규식을) 및 URL로 입력의 종류를 설정 ..

유효성 검사기 사용할 수 있습니다

HTML5 유효성 검사기는 IE6 ~ IE9 (포함)와 호환되지 않습니다.

또 다른 해결책은 당신이 예를 요청해야하는 경우 ...

를 수동으로 검증 할 수있는 양식에 태그의 onsubmit 리스너를 구현하는 것입니다.

희망이 있습니다.

관련 문제