正文

jquery表单非空验证,js非空验证

IP云
IP云V管理员/5 阅读
11/26
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

JQuery实现提交表单时候需要验证所有文本框是否为空吗？

这个可以在表单上添加onsubmit函数和使用jQuery的each函数来判断

varflag=true;

functioncheckForm(frm){

$("#frminput[type='text']").each(function(i,obj){

if(obj.value==""){

alert($(obj).attr("placeholder"));

flag=false;

returnfalse;

}

});

returnflag;

}

#47;script

文本1：

文本2：

文本3：

文本4：

文本5：

这个可以在表单上添加onsubmit函数和使用jQuery的each函数来判断

script type="text/javvascript"

var flag = true;

function checkForm(frm) {

$("#frm input[type='text']").each(function(i, obj) {

if(obj.value == "") {

alert($(obj).attr("placeholder"));

flag = false;

return false;

}

});

return flag;

}

/script

form ation="目标地址" method="post" onsubmit="return checkForm();" id="frm"

文本1：input type="text" name="txt1" value="" placeholder="文本1不能为空"/br/

文本2：input type="text" name="txt2" value="" placeholder="文本2不能为空"/br/

文本3：input type="text" name="txt3" value="" placeholder="文本3不能为空"/br/

文本4：input type="text" name="txt4" value="" placeholder="文本4不能为空"/br/

文本5：input type="text" name="txt5" value="" placeholder="文本5不能为空"/br/

input type="submit" value="提交表单"/

相关问答

Q1: JQuery实现提交表单时候验证所有文本框是否为空

这个可以再表单上添加onsubmit函数和使用jQuery的each函数来判断

script type="text/javvascript"

    var flag = true;

    function checkForm(frm) {

        $("#frm input[type='text']").each(function(i, obj) {

            if(obj.value == "") {

                alert($(obj).attr("placeholder"));

                flag = false;

                return false;

            }

        });

        return flag;

    }

/script

form ation="目标地址" method="post" onsubmit="return checkForm();" id="frm"

    文本1：input type="text" name="txt1" value="" placeholder="文本1不能为空"/br/

    文本2：input type="text" name="txt2" value="" placeholder="文本2不能为空"/br/

    文本3：input type="text" name="txt3" value="" placeholder="文本3不能为空"/br/

    文本4：input type="text" name="txt4" value="" placeholder="文本4不能为空"/br/

    文本5：input type="text" name="txt5" value="" placeholder="文本5不能为空"/br/

    input type="submit" value="提交表单"/

/form

Q2: jquery 表单元素非空判断

不知道你想用jquery 来判断还是想用jquery 来实现必填。

如果是jquery 判断的话，就用$("#要判断元素id").attr("required")看是不是为True就好。

如果是实现的话，$("#元素id").attr("required"，“true”)就行。

如果不想要必添的话就是$("#元素id").removeAttr("required")就行。

Q3: jquery验证非空

JQuery:

$("#submit").click(function(){

            var submit=$("#one").val();

            alert(submit);

            if(submit=="")

           {

               return false;  // 返回false，a标签就会终止动作，不跳转

           }else{

               return true;   // 返回true ，a标签继续执行后续操作，跳转

           }

原生：

html :     a href="haha.html" onclick="testVal" id="submit"提交/a

function testVal(){

    var submit = document.getElementById("one").value;

    alert(submit);

    if(submit){

        return false;

    }else{

        return true;

    }

}

这样就可以