Javascript 如何使用input type按钮运行此jquery函数

如何使用输入类型按钮执行jquery验证？当我切换到输入类型submit时，它工作正常，但我不想输入类型submit，因为submit按钮总是用modernizer.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>

$（文档）.ready（函数（）{
$（“#提交”）。单击（函数（e）{
var isValid=true；
$（'#VEHNO'）。每个（函数（）{
if（$.trim（$（this.val（））=''）{
isValid=false；
$（this.css）({
“边框”：“1px纯红”，
“背景”：“FFCECE”
});
}
否则{
$（this.css）({
“边界”：“，
“背景”：”
});
}
});
if（isValid==false）
e、 预防默认值（）；
});
});

html

---

您还可以添加一个返回false；发送到JS以停止表单提交并由JS进行控制。

您正试图使用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" />

$（文档）.ready（函数（）{
$（'#someId'）。单击（函数（）{
var isValid=true；
$（'#VEHNO'）。每个（函数（）{
if（$.trim（$（this.val（））=''）{
isValid=false；
$（this.css）({
“边框”：“1px纯红”，
“背景”：“FFCECE”
});
}否则{
$（this.css）({
“边界”：“，
“背景”：”
});
}
});
if（isValid==false）
e、 预防默认值（）；
});
});

工作演示在这里：

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

---

请记住，可以在不使用提交按钮的情况下提交表单。例如，按下

Enter

键。谢谢@Raghvendra Kumar

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

    $(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" />

#submit

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

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