Javascript 当用户转到下一个元素时，如何验证表单？

你们能告诉我当用户进入下一个元素时如何验证表单吗？我看到了一个演示 在其中，用户按下提交按钮并从字段中获取警报消息

当用户切换到另一个元素时，我们能得到什么

在我的演示中 第一个字段是“数字”。若用户输入“字符串”并转到下一个字段，则给出错误信息。 同样的第二个是数字。若用户输入“字符串”并转到下一个，它将给出错误

这是小提琴

$（“#myform”）.dform(
{
“要素”：[
{
“html”：[
{
“html”：[
{
“类型”：“编号”，
“id”：“totalRetryCount”，
“名称”：“totalRetryCount”，
“必需”：false，
“值”：0，
“tabindex”：1，
“onblur”：“validateElement（'Configuration'、'TestSuiteConfiguration Form'、'totalRetryCount'）”
}
],
“类型”：“字段集”，
“标题”：“重试总次数”
},
{
“html”：[
{
“类型”：“编号”，
“id”：“totalRepeatCount”，
“名称”：“totalRepeatCount”，
“必需”：false，
“值”：0，
“tabindex”：2，
“onblur”：“validateElement（'Configuration'、'testSuiteConfigurationform'、'totalRepeatCount'）”
}
],
“类型”：“字段集”，
“标题”：“总重复次数”
},
{
“html”：[
{
“类型”：“选择”，
“选择”：{
“真”：“真”，
“假”：“假”
},
“id”：“summaryReportRequired”，
“名称”：“summaryReportRequired”，
“必需”：false，
“值”：“真”，
“tabindex”：3，
“onblur”：“validateElement（'Configuration'、'TestSuiteConfiguration Form'、'summaryReportRequired'）”
}
],
“类型”：“字段集”，
“标题”：“需要汇总报告”
},
{
“html”：[
{
“类型”：“选择”，
“选择”：{
“始终”：“始终”，
“论成功”：“论成功”
},
“id”：“后条件执行”，
“名称”：“后条件执行”，
“必需”：false，
“价值”：“成功之时”，
“tabindex”：4，
“onblur”：“validateElement（'Configuration'、'TestSuiteConfiguration Form'、'postConditionExecution'）”
}
],
“类型”：“字段集”，
“标题”：“后条件执行”
}
],
“类型”：“div”，
“类”：“inputDiv”，
“标题”：“配置参数”
}
],
“id”：“testSuiteConfigurationform”，
“名称”：“testSuiteConfigurationform”，
“方法”：“发布”
}
);

您可以在元素的

'blur（）'

上注册函数。当元素失去焦点时，将调用此函数。在这个函数中，您可以对服务器进行

AJAX

调用，并在那里验证数据。根据服务器响应，您可以更改页面的

HTML

，以显示相应的错误消息（如果有）。

类似的操作将用于检查数字内容是否为数字，您可能需要对每个元素执行此操作。正则表达式不是我喜欢的东西，但您可以在web上搜索所需的正则表达式，或者使用w3c js示例构建自己的正则表达式

---

先生，你能帮我换一下吗fiddle@GarySchreiner我会试试：）@Garyschriener，这个关于jQuery工具的问题怎么可能是关于一个完全不同的插件的问题的重复？@Sparky你说得对，在你发表评论之前，我注意到他使用的是dform而不是validate。我的错误。在该validateElement中未定义display..但我已经定义了函数..是否需要strng

$("#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"
}
);

$( "#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!");
}

} );