html5/jquery验证不适用于jquery输入掩码

html5/jquery验证不适用于jquery输入掩码,jquery,html,validation,Jquery,Html,Validation,我使用jQuery插件在我的表单中为联系人字段屏蔽输入。该插件工作正常,只是我无法通过HTML5验证或jQuery验证来验证特定字段(联系人字段) 问题是即使在空输入框中,联系人输入字段也会被提交。在HTML5中,使用“jQuery验证”也无法将其识别为必需的字段。我猜jQuery屏蔽输入和HTML5/jQuery验证之间存在某种冲突 我的代码如下: <form action="" method="post" id="registration_form"> <div c

我使用jQuery插件在我的表单中为联系人字段屏蔽输入。该插件工作正常,只是我无法通过HTML5验证或jQuery验证来验证特定字段(联系人字段)

问题是即使在空输入框中,联系人输入字段也会被提交。在
HTML5
中,使用“jQuery验证”也无法将其识别为
必需的
字段。我猜
jQuery屏蔽输入
HTML5/jQuery验证
之间存在某种冲突

我的代码如下:

<form action="" method="post" id="registration_form">

   <div class="container">

      <div class="div_left">Name <span class="red">*</span>   
           <input type="text" name="name" class="input_form" placeholder="Enter your Name" required>
      </div><br>
      <div class="div_left">Email <span class="red">*</span>   
           <input type="email" name="email" class="input_form" placeholder="Enter your Email" required>
      </div><br>
      <div class="div_left">Contact No. <span class="red">*</span>
           <input type="text" name="contact" class="input_form" class="required" id="jqxmaskedinput" required>
      </div><br>
      <div class="div_left">Nationality <span class="red">*</span>  
           <input type="text" name="nationality" class="input_form" placeholder="Enter your Nationality" required>
      </div><br>

   </div>

</div>

姓名*

电子邮件*
联络电话*
国籍*
按照插件的建议使用这个jquery

<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/jqxcore.js"></script>
<script type="text/javascript" src="js/jqxmaskedinput.js"></script>

<script type="text/javascript">
    $(document).ready(function () {
        // Create jqxMaskedInput
        $("#jqxmaskedinput").jqxMaskedInput({ width: '308px', height: '23px', mask: '##########' });

    });
</script>

$(文档).ready(函数(){
//创建jqxMaskedInput
$(“#jqxmaskedinput”).jqxmaskedinput({宽度:'308px',高度:'23px',掩码:';
});
请帮忙!提前感谢。

jQuery:

$(document).ready(function () {
    var inputToMask = $("#jqxmaskedinput");
    // Create jqxMaskedInput
    inputToMask.jqxMaskedInput({ width: '308px', height: '23px', mask: '##########' });

    $('#registration_form').on('submit', function() {
        if ( $.trim(inputToMask.val()) == "") {
            alert ("empty field");
            return false;
        }
    });
});

你试过使用jqxValidator吗?我试过了,但不起作用。。输入字段仍处于空白状态。好的,请创建一个小提琴,我们可以为您实时调试它。