标签: jquery-validate

RegEx 不允许单引号和双引号

我需要正则表达式不允许在 javascript 中使用单引号和双引号..

javascript regex jquery-validate

1
推荐指数
1
解决办法
1万
查看次数

如何限制“正数”仅作为文本框的输入(仅允许“-99”)?

如何使用 jQuery 验证器插件限制“正数”仅作为文本框的输入(仅允许“-99”)?

asp.net validation jquery jquery-validate

1
推荐指数
1
解决办法
2万
查看次数

jQuery 验证插件在单击事件处理程序时不会验证

$("#tournamentDesignTabs").tabs();
$("#tournamentDesign").validate();
$("#createTournament").click(function(){
    if($("#tournamentDesign").validate()){
    $.post(
        "createTournament.php",  
        {tournamentName: $("#tournamentName").val(), district: $("#district").val(), region: $("#region").val(), location: $("#location").val(), date: $("#date").val(), time: $("#time").val(), logo: $("#logo").val()},  
        function(responseText){  
            $("#result").html(responseText);  
        },  
        "html"  )
    } else {
        alert("oh no");
    }
    }
);
Run Code Online (Sandbox Code Playgroud)

以上是我用来验证一些表单信息然后将其输入数据库的脚本。我遇到的问题是验证函数在附加到跨度的点击事件处理程序时似乎没有做任何事情。我还注意到 onfocusout 似乎也不正常。关于我做错了什么的任何建议或想法。我知道我正确地包含了插件,因为当我提交表单时验证功能仍然有效。不过我更喜欢ajax。谢谢!

编辑:正如下面的一个答案所说,他们认为拥有 html 会有所帮助,所以这里是页面。每一点代码和内容。我知道它又脏又乱,但我正在学习,很快就会把它清理干净。反正这里是:

<!DOCTYPE HTML SYSTEM>
<html>
<head>
<title>Tournament Designer</title>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/smoothness/jquery-ui.css" type="text/css" media="all" />
<link type="text/css" rel="stylesheet" href="stylesheet.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.js"></script>
<script type="text/javascript" src="jquery.ui.touch-punch.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script>
<script type="text/javascript" src="code.js"></script>
</head>
<body>
<div class="topBanner">Tournament Designer</div>
<br/>
<form id="tournamentDesign" method="post" …
Run Code Online (Sandbox Code Playgroud)

jquery jquery-validate

1
推荐指数
1
解决办法
4901
查看次数

使用 jquery 验证来验证多个表单

我的网页中有近 5 个表单,它们的元素使用 jquery.validate.js 进行验证。最后我有“保存”按钮(不提交),点击保存所有细节。我需要在单击“保存”时验证所有表单,如果任何验证失败,我需要停止该单击事件。有没有办法做到这一点?

例如 :

<html>
<script type='text/javascript'>
    $(document).ready(function () {
        $('#form1').validate();
        $('#form2').validate();
        $('#form3').validate();
    });
</script>
<form id='form1'>..elements to be validated..</form>
<form id='form2'>..elements to be validated..</form>
<form id='form3'>..elements to be validated..</form>
<form id='form4'>..elements to be validated..</form>...
<input type='button' name='save_btn' id='save_btn' value='save'>
</html>
Run Code Online (Sandbox Code Playgroud)

我也试过

$("#save_btn").click(function(){
    $("form1").validate();
});
Run Code Online (Sandbox Code Playgroud)

它显示错误消息,但仍然执行单击功能。如果有人可以向我建议一些解决方案,它将对我更有帮助。

谢谢你。

jquery jquery-validate

1
推荐指数
1
解决办法
1921
查看次数

尝试将 required 添加到 jQuery 验证会破坏其他所有内容

我已经阅读了我能找到的所有其他 jQuery 验证问题,但没有任何帮助。我正在尝试做一些应该如此简单但不显眼的验证让我想在我的所有四个显示器上打一个洞(嫉妒?)

我有一个形式为 a 的字段select,另一个作为日期选择器。When the select takes on a certain value, the date becomes required. 对于所有其他选择值,日期是可选的。当页面第一次加载时,日期是可选的——也就是说,Required模型元数据中没有属性。

这是我的脚本块以及我需要帮助的漏洞:

<script type="text/javascript">
    function DateRequirement() {
        if ($("#StatusID").val() == 602) {
            $("#DateOfFirstCoverage").attr("data-val-required", "A date is required for current members.");
            // some kind of re-validating here?
        }
        else if ($("#DateOfFirstCoverage").attr("data-val-required") !== undefined) {
            $("#DateOfFirstCoverage").rules("remove", "required");
            // some kind of re-validating here?
        }
    }

    $("#StatusID").change(DateRequirement);
    $(document).ready(DateRequirement);
</script>
Run Code Online (Sandbox Code Playgroud)

仅供参考,我尝试了其他添加需求的方法,例如使用.rules("add", { required: true }),但仍然存在问题。这是我的问题列表:

  1. 使用.rules所需的添加方法,我得到设置未定义的错误。很多 SO 答案都说您需要先重新验证表单,我尝试过,但尽管它消除了错误,但该字段仍然不是必需的。
  2. 我现在拥有代码的方式,如上所示,成功地使该字段成为必需的,但前提是它在文档准备好期间设置。如果我在加载后更改选择框,它将永远不会成为必需。 …

jquery-validate asp.net-mvc-4

1
推荐指数
1
解决办法
2720
查看次数

jQuery 验证插件无法在 Keyup 上进行验证

我使用 jQuery 验证插件,我的表单可以验证如下(假设我有 2 个字段 A 和 B):

它有效:
单击 A并键入一些内容然后删除。然后我点击了 B。在这种情况下,将显示验证消息。

它不起作用:
我 **单击 A 并且不输入任何内容。然后我单击 B。在这种情况下,与字段 A 相关的相关验证消息未显示。但我希望它如上所示。

我尝试在验证方法中使用 onsubmit、onkeyup 和 onclick 参数,但没有任何意义。我怎样才能提供这个?


剃刀:

jQuery(function () {
    $.validator.setDefaults(
    $("#myform").validate({
        //onsubmit: false, ???
        //onkeyup: true, ???
        //onclick:true, ???
        onkeyup: function(element){this.element(element);},
        rules: {
            'Applicant.Name': "required",
            'Applicant.Surname': "required"
        },
        messages: {
            'Applicant.Name': "Please enter your Name",
            'Applicant.Surname': "Please enter your Surname"
        }
    })
); 

});
Run Code Online (Sandbox Code Playgroud)

javascript asp.net-mvc jquery jquery-validate

1
推荐指数
1
解决办法
5347
查看次数

为 jQuery 非侵入式验证自定义最小和最大错误消息

我正在使用带有最小和最大属性集的 HTML5 日期类型输入。

<input class="AccordionLeft" data-val="true" 
id="operationDate" max="2050-01-01" min="2014-09-02" 
name="OpDate" type="date" value="">
Run Code Online (Sandbox Code Playgroud)

当我在最小日期之前输入一个日期时,我会从内置验证器收到 jquery 验证消息。我想定制这个。我们已经创建了几个自定义规则(通过自定义数据注释)并且对于我们的 custrom 验证规则,设置错误消息很简单。

内置验证器有这样的东西吗?

jquery jquery-validate unobtrusive-validation asp.net-mvc-5.1

1
推荐指数
1
解决办法
3980
查看次数

如何知道表单的 jQuery 验证器是否已经存在?

想象一下,我有一个带有 2 个列的无序列表,第 1 列是文件的名称,第 2 列是启用了工具提示的铅笔图标。当用户点击这个铅笔图标时,它会打开一个包含表单的工具提示。在这种形式中,用户将输入一个新文件并验证该值。

显示工具提示时,我将 jQuery 验证器附加到工具提示内的表单。问题是每次显示工具提示时,都会附加一个新的验证器。我只想将一个验证器附加到表单。如何成功检查表单是否已存在验证器?

var validator = forms.validate();
console.log(validator);

// always evaluate to true
if (validator) {

}
Run Code Online (Sandbox Code Playgroud)

这似乎不起作用。有没有人有任何想法?

forms tooltip jquery-validate

1
推荐指数
1
解决办法
3034
查看次数

如何在jquery远程验证中编写if和else

我需要在远程方法中添加一个 if 条件,因此对于没有 $('#emailUrl').val() 的表单,将落入 else 条件

rules : {           

    lastName : {
        required : true,
        namevalidation : true
    },
    // Remote is the jquery function to check unique character using URL
    primaryEmailId : {
        required : true,
        email : true,
        remote : { 
            // If Condition required here. Please suggest me
            url : $('#emailUrl').val(),
            data: {
                primaryEmailId: function() {
                    return $("#primaryEmailId").val();  
                },
            }
       },
    }
}
Run Code Online (Sandbox Code Playgroud)

jquery jquery-validate

1
推荐指数
1
解决办法
1703
查看次数

复选框的 jquery 验证插件 - 至少选择了一个

我正在使用 jquery 验证插件进行表单字段验证。我在表单中有多个复选框。我为逻辑“至少需要选择一个”尝试了几种不同的方法,但没有任何效果,但是当我尝试验证插件中的某些内容时,它可以很好地使用此代码。如果您能告诉我如何将以下代码合并到验证插件中

 <script type="text/javascript">
$(document).ready(function () {
    $('.submit').click(function() {
      checked = $("input[type=checkbox]:checked").length;

      if(!checked) {
         // <form:errors path="chk" cssClass="errors" element="div" />
         $(".form-error").text("* You must check at least one checkbox.").show();
       // alert("You must check at least one checkbox.");
        return false;
      }

    });
});
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
 <script>


  $(document).ready(function(){

      $("#myForm").validate({



      rules: {
          crcode: "required",
          dtype: "required",
          pview: "required",
          prview: "required",


      },

      messages: {
          crcode: "Rate code is required",
          dtype: "Dwell type is required",
          pview: "Public view is required",
          prview: "Private view is required", …
Run Code Online (Sandbox Code Playgroud)

jquery jquery-validate

1
推荐指数
1
解决办法
8935
查看次数