Question

如何使用输入类型按钮执行此jquery验证？当我切换到输入类型提交它的工作，但我不输入类型提交，因为提交按钮将始终使用modernizr.custom.js UI重新加载我的屏幕。请帮助，谢谢。

<script src="js/modernizr.custom.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script>
         $(document).ready(function() {
           $('#submit').click(function (e) {
               var isValid = true;
               $('#VEHNO').each(function () {
                if ($.trim($(this).val()) == '') {
                    isValid = false;
                    $(this).css({
                           "border": "1px solid red",
                           "background": "#FFCECE"
                           });
                  }
                 else {
                     $(this).css({
                             "border": "",
                             "background": ""
                                });
                      }
                 });
                 if (isValid == false)
                      e.preventDefault();
                   });
     });
       </script>

HTML

<input type="text" class="input-name" id="VEHNO" name="VEHNO" type="text" />
<input type="button" value="Submit" name="submit"/>

Answer 1

您正在尝试使用jQuery Id选择器作为按钮，但是您没有为您的按钮分配ID，在您附加ID后，它将正常工作。

    $(document).ready(function () {

         $('#someId').click(function () {

             var isValid = true;

             $('#VEHNO').each(function () {
                 if ($.trim($(this).val()) == '') {
                     isValid = false;
                     $(this).css({
                         "border": "1px solid red",
                             "background": "#FFCECE"
                     });
                 } else {
                     $(this).css({
                         "border": "",
                             "background": ""
                     });
                 }
             });

             if (isValid == false)
                          e.preventDefault();

         });


     });

<input type="text" class="input-name" id="VEHNO" name="VEHNO" type="text" />
<input type="button" value="Submit" id="someId" name="submit" />

工作演示在这里：http://jsfiddle.net/qrj0qqrj/

Answer 2

#submit

这是一个id选择器。它选择id属性值为 submit 的元素。

<input type="button" value="Submit" name="submit"/>

此元素没有ID。

name并非用于任何事情。将name更改为id。

<input type="button" value="Submit" id="submit"/>

Answer 3

<input type="button" value="Submit" name="submit" id="submit" />

您还可以添加返回false; JS停止表单提交并由JS控制它。

如何使用输入类型按钮运行此jquery函数

HTML

3 个答案: