사용자가 다음 요소로 이동할 때 양식의 유효성을 검사하는 방법은 무엇입니까? 사용자가 다음 요소로 갈 때

Question

를 어떻게 양식을 검증 말해 주실 래요? .I 사용자를 눌러 필드에서 경고 메시지를 버튼을 제출하고 얻을 수있는 데모 http://jquerytools.org/documentation/validator/ 을 보았다.

사용자가 다른 요소로 전환하면 어떻게 되나요?

내 데모 첫 번째 필드는 "숫자"입니다. 사용자가 "문자열"을 입력하고 다음으로 이동하면 오류가 발생합니다. 같은 두 번째는 사용자 .If 수는 "문자열"을 입력하고 다음은 여기에 오류를

을 제공 당신은 요소의 'blur()'에 함수를 등록 할 수 있습니다 바이올린 http://jsfiddle.net/M27F2/2/

$("#myform").dform(
{ 
    "elements": [ 
    { 
     "html": [ 
     { 
      "html": [ 
      { 
       "type": "number", 
       "id": "totalRetryCount", 
       "name": "totalRetryCount", 
       "required": false, 
       "value": 0, 
       "tabindex": 1, 
       "onblur": "validateElement('Configuration', 'testSuiteConfigurationform','totalRetryCount')" 
      } 
      ], 
      "type": "fieldset", 
      "caption": "Total Retry Count" 
     }, 
     { 
      "html": [ 
      { 
       "type": "number", 
       "id": "totalRepeatCount", 
       "name": "totalRepeatCount", 
       "required": false, 
       "value": 0, 
       "tabindex": 2, 
       "onblur": "validateElement('Configuration', 'testSuiteConfigurationform','totalRepeatCount')" 
      } 
      ], 
      "type": "fieldset", 
      "caption": "Total Repeat Count" 
     }, 
     { 
      "html": [ 
      { 
       "type": "select", 
       "options": { 
       "true": "true", 
       "false": "false" 
       }, 
       "id": "summaryReportRequired", 
       "name": "summaryReportRequired", 
       "required": false, 
       "value": "true", 
       "tabindex": 3, 
       "onblur": "validateElement('Configuration', 'testSuiteConfigurationform','summaryReportRequired')" 
      } 
      ], 
      "type": "fieldset", 
      "caption": "Summary Report Required" 
     }, 
     { 
      "html": [ 
      { 
       "type": "select", 
       "options": { 
       "ALWAYS": "ALWAYS", 
       "ON_SUCCESS": "ON_SUCCESS" 
       }, 
       "id": "postConditionExecution", 
       "name": "postConditionExecution", 
       "required": false, 
       "value": "ON_SUCCESS", 
       "tabindex": 4, 
       "onblur": "validateElement('Configuration', 'testSuiteConfigurationform','postConditionExecution')" 
      } 
      ], 
      "type": "fieldset", 
      "caption": "Post Condition Execution" 
     } 
     ], 
     "type": "div", 
     "class": "inputDiv", 
     "caption": "<h3>Configuration Parameters</h3>" 
    } 
    ], 
    "id": "testSuiteConfigurationform", 
    "name": "testSuiteConfigurationform", 
    "method": "post" 
} 
); 

Answer 1

입니다 간다. 이 함수는 요소가 포커스를 잃을 때 호출됩니다. 이 기능에서는 서버에 AJAX 전화를 걸고 거기에있는 데이터의 유효성을 검사 할 수 있습니다. 서버 응답에 따라 적절한 오류 메시지 (있는 경우)을 표시하도록 페이지의 HTML을 변경할 수 있습니다.

Answer 2

숫자가 맞는지 여부를 확인하기 위해 숫자 같은 것을 사용하면됩니다. 모든 요소에 대해이 작업을 수행해야 할 수 있습니다. 정규식은 내 것이 아니지만 웹에서 필요한 정규식을 검색하거나 w3c js 예제를 사용하여 자신 만의 정규식을 만들 수 있습니다. w3c js regex

$("#totalRetryCount").blur(function() 
{ 

var value = $("#totalRetryCount").val(); 

if(isNaN(value)) 
{ 
// unhide your error message code or tool tip etc... code here 
} 
else 
{ 
    alert("it's a number!"); 
} 

});