【问题标题】:Jquery: How do I check if there are errors?Jquery:如何检查是否有错误?
【发布时间】:2011-06-23 11:15:13
【问题描述】:

我正在尝试使用 bassistance 插件来验证我的表单,现在我的表单包含几个单选按钮组,其中一些是“必需的”。

现在,

  1. 如何确保所有这些广播组都收到了价值?
  2. 一旦用户正确设置它们,在继续提交之前,我应该在哪里以及如何检查这些单选按钮的值?

【问题讨论】:

    标签: jquery validation


    【解决方案1】:

    您是在问如何使用该插件?它有很好的记录,但无论如何这些 sn-ps 应该会有所帮助。在这里,我采用了一个包含两个单选按钮组的简单表单,使用插件验证它们。验证代码中需要注意的主要事项是我们有两个处理程序回调(用于“无效”和“成功”状态)以及一组要应用的验证规则。

    一、示例表格:

    <form id="your-form">
        <fieldset>
            <p>
                <label for="group_one">Select an option (required)</label>
                <input type="radio" name="group_one" id="opt1-1">Option 1
                <input type="radio" name="group_one" id="opt1-2">Option 2
                <input type="radio" name="group_one" id="opt1-3">Option 3
            </p>
            <p>
                <label for="group_two">Select an option here too (required)</label>
                <input type="radio" name="group_two" id="opt2-1">Option 1
                <input type="radio" name="group_two" id="opt2-2">Option 2
                <input type="radio" name="group_two" id="opt2-3">Option 3
            </p>
    
            <p><input name="submit" type="submit" id="submit" value="Save" /></p>
        </fieldset>
    </form>
    

    ……第二,验证码:

    $(document).ready(function(){
        $("#your-form").validate({
            invalidHandler: function(form, validator){
                var errors = validator.numberOfInvalids();
                var message = (errors == 1) ? "One of your groups won't validate." : "Neither of your groups will validate.";
                alert(message);
            },
            submitHandler: function(){
                alert("Everything's OK, both radio button groups are set.");
                $('#your-form').ajaxSubmit()
            },
            rules: {group_one: {required: true}, group_two: {required: true}}
        });
    });
    

    这有帮助吗?

    【讨论】:

      【解决方案2】:

      在 javascript 或 jQuery 代码中使用 try catch

      try {
      ...
      ...
      ...
      }
      catch (e) {
      
      }
      

      【讨论】:

        【解决方案3】:

        您可以使用if else switch case 来检查每个单选按钮

        【讨论】:

          猜你喜欢
          • 2010-12-26
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2020-04-08
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多