Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
IE中的Jquery表单提交在提交之前未进行验证_Jquery_Forms_Internet Explorer_Submit - Fatal编程技术网

IE中的Jquery表单提交在提交之前未进行验证

IE中的Jquery表单提交在提交之前未进行验证,jquery,forms,internet-explorer,submit,Jquery,Forms,Internet Explorer,Submit,下面的jquery脚本是iam使用的。但这在firefox和chrome中都有效,但在IE中却不起作用 <script type="text/javascript"> $.validator.setDefaults({ submitHandler: function() { //alert("submitted!"); debug: false; form.submit(); } });; </script> <scr

下面的jquery脚本是iam使用的。但这在firefox和chrome中都有效,但在IE中却不起作用

<script type="text/javascript">
$.validator.setDefaults({
submitHandler: function() {
        //alert("submitted!");
        debug: false;
    form.submit();
    }
});;
</script>
<script type="text/javascript">
$(document).ready(function() {
                   $.validator.addMethod("mobilecheck", function(value, element) {
                        return this.optional(element) || /^[0-9]+$/i.test(value);
                    }, "mobile number  must contain only numbers");
                $.validator.addMethod("namecheck", function(value, element) {
                        return this.optional(element) || /^[a-z\s]+$/i.test(value);
                    }, "User Name must contain only letters");

                    $("#myform").validate({
                                rules: {
                                                fullname:{ required : true , namecheck :true},

                                                mobile:{ required : true, mobilecheck :true },

                                                city: { required : true},


                                                locality: { required : true},

                                                email: {
                                                                required: true,
                                                                email: true


                                                },
                                                jobcity: { required : true} ,
                                                hometown: { required : true} ,

                                },

                                messages: {
                                                fullname:{
                                                                required: "Please enter your fullname" ,
                                                                namecheck: " Full Name must contain only alphabets<br/>"
                                                                },

                                                mobile: {
                                                                required: "Please enter mobile number",
                                                                mobilecheck: "Mobile number must contain only numbers "

                                                },

                                                city: "Please enter your current city" ,
                                                jobcity:"please select city" ,
                                                locality:"please enter locality where you are staying",


                                                email: {
                                                email:"Please enter a valid email address",
                                                required:"please enter email address"
                                                },

                                },

                            errorElement: "div"


                });


});

</script>

$.validator.setDefaults({
submitHandler:function(){
//警报(“已提交!”);
调试:false;
表单提交();
}
});;
$(文档).ready(函数(){
$.validator.addMethod(“mobilecheck”,函数(值,元素){
返回此.optional(元素)| |/^[0-9]+$/i.test(值);
},“手机号码必须仅包含号码”);
$.validator.addMethod(“名称检查”,函数(值,元素){
返回此.optional(元素)| |/^[a-z\s]+$/i.test(值);
},“用户名只能包含字母”);
$(“#myform”)。验证({
规则:{
全名:{必需:true,名称检查:true},
移动:{required:true,mobilecheck:true},
城市:{必需:true},
位置:{required:true},
电邮:{
要求:正确,
电子邮件:真的
},
作业城市:{required:true},
家乡:{required:true},
},
信息:{
全名:{
必填:“请输入您的全名”,
名称检查:“全名只能包含字母
” }, 流动电话:{ 必填:“请输入手机号码”, mobilecheck:“手机号码只能包含数字” }, 城市:“请输入您当前的城市”, 工作城市:“请选择城市”, 地点:“请输入您居住的地点”, 电邮:{ 电子邮件:“请输入有效的电子邮件地址”, 必填:“请输入电子邮件地址” }, }, 错误元素:“div” }); });
我的表格代码是

<form id="myform" method="post" class="register" >
    <ul>
    <li>
    <label for="fullname">Full Name</label>



    <input id="fullname" name="fullname" class="required namecheck" size="20" style="width:180px"/>


    </li>
    <li><label for="email">Email</label>

    <input id="email" name="email" class="required email" size="20" style="width:180px" />

    </li>
    <li>
    <label for="mobile">Mobile</label>

    <input id="mobile" name="mobile" class ="required mobilecheck" size="20" style="width:180px" maxlength="10"/>
    <span id="msgbox" style="display:none"></span>


    </li>
    <li>
        <label for="qualification">Qualification</label>

        <input id="qualification" name="qualification" class ="required " size="20" style="width:180px" maxlength="10"/>
        <span id="msgbox" style="display:none"></span>


    </li>
    <li>
    <label for="hometown">Home Town</label>

    <input id="hometown" name="hometown"  class="required" size="20" style="width:180px"/>


    </li>
    <li>
    <label for="city">Current City</label>

    <input id="city" name="city" size="20" class="required" style="width:180px"/>


    </li>
    <li>
    <label for="locality">Locality/Neighborhood/Area</label>

    <input id="locality" name="locality" class="required" size="20" style="width:180px"/>


    </li>

    <li>
        <label for="jobcity" >Preferred Location for Interview</label>

        <select name="jobcity" id="jobcity" clas="required">
                                <option value=""> -- please select-- </option>
                                <option value="Bangalore"> Bangalore</option>
                                <option value="Chennai">Chennai</option>
                                <option value="Gurgaon">Gurgaon/Noida/Delhi</option>
                                <option value="Hyderabad"> Hyderabad</option>
                                <option value="Mumbai">Mumbai</option>
                                <option value="Pune">Pune</option>

        </select></br>


    </li>


    </ul>


    <div style="text-align:center;margin-top:5px;padding-bottom:10px">
        <input name="hidden" type="hidden" value="hidden"/>
    <input class="blue1 button1" id="#submit" type="submit" value="Submit"/>

    </div>

  • 全名
  • 电子邮件
  • 可移动的
  • 资格
  • 家乡
  • 当前城市
  • 地点/邻里/地区
  • 首选面试地点 --请选择-- 班加罗尔 钦奈 古尔冈/诺伊达/德里 海得拉巴 孟买 浦那
当我在IE中提交表单时,不是验证而是提交表单。在chrome和IE中,jquery在提交前验证表单


我从代码中删除了不需要的逗号。如果在下面的属性中删除尾随的逗号,它将正常工作。检查
规则中的
家乡
邮件中的
邮件
是否在末尾有不必要的
逗号
。这在除
IE
之外的所有其他浏览器中都可以正常工作

        rules: {
            fullname: { 
                required: true, namecheck: true }, mobile: { required: true,
                mobilecheck: true
            },
            city: { required: true },
            locality: { required: true },
            email: {
                required: true, email: true
            },
            jobcity: { required: true }, 
            hometown: { required: true }
        },
        messages: {
            fullname: { 
                required: "Please enter your fullname", 
                namecheck: " Full Name must contain only alphabets<br />"
            },
            mobile: {
                required: "Please enter mobile number",
                mobilecheck: "Mobile number must contain only numbers " 
            },
            city: "Please enter your current city",
            jobcity: "please select city", 
            locality: "please enter locality where you are staying",
            email: {
                email: "Please enter a valid email address",
                required: "please enter email address"
            }
        }
规则:{
全名:{
必需:true,namecheck:true},mobile:{必需:true,
mobilecheck:对
},
城市:{必需:true},
位置:{required:true},
电邮:{
必填项:true,电子邮件:true
},
作业城市:{required:true},
家乡:{必需:true}
},
信息:{
全名:{
必填:“请输入您的全名”,
名称检查:“全名只能包含字母
” }, 流动电话:{ 必填:“请输入手机号码”, mobilecheck:“手机号码只能包含数字” }, 城市:“请输入您当前的城市”, 工作城市:“请选择城市”, 地点:“请输入您居住的地点”, 电邮:{ 电子邮件:“请输入有效的电子邮件地址”, 必填:“请输入电子邮件地址” } }
请告诉我们什么在Chrome中工作,而不是在IE中工作。