javascript - ( HTML5、JQuery)JQuery 忽略输入元素的属性

Question

在 HTML5 中，当我制作如下所示的文本框，然后按提交按钮时。

<input type='number' name ='search_size' id ='search_size' class="" value="" min="0" max="100" >

当该值不满足min、max值时，不会继续。然而，

我处理文本框的按钮是由 JQuery 制成的。当我什么都不输入并单击时，它会处理它。当我输入超过 100 的值时，它也会处理它。 (还有来自其他标签的其他值等)

是否可以向 JQuery 添加一些内容，以便它检查文本框中的条件或要求？

我想在这里展示 JQuery 代码，但它很长。其中一些看起来如下所示。

$("#search_submit").off("click").on("click", function(event_receiver){
        $("#loading").css('z-index',-1);
        $("#loading_search").css('top',$("#dialog_data_search").position().top + ($("#dialog_data_search").height()*0.7) );
        $("#loading_search").show();

        var search_data;
        var request_obj = {
                "baseDN" : $("#search_base_dn").val()
                ,"filter":$("#search_filter").val()
                ,"attribute":$("#search_attribute").val()   
                ,"sortAsc":true
                ,"scope":$(":radio[name='search_scope']:checked").val()
                ,"size":$("#search_size").val()};   //<--  this guy!!

        $.ajax({
            url:"/browser/ajaxGetSearchData"
            ,dataType:"json"
            ,data:request_obj
            ,async:true
            ,type:"post"
            ,success:function(return_data){
                if(return_data.success){                        
                    search_data = return_data.result;
                }else{
                    alert(return_data.message);
                }
            }

Answer 1

您可以在您的 jquery click 函数中添加验证函数。在该验证函数中，必须验证输入字段的值。如果超过 100 则返回 false