怎么用jQuery进行表单验证

哎,你这代码写得挺明白的。
就这行if语句,if($("password1 ").val()!=$("password2 ").val()),确实能判断密码对不对。

用的人多了,就知道这玩意儿是干嘛的。
用户填完密码,点提交,后台一看,跟这if判断似的,密码不一样,就弹个框说"密码不一致"。
一样的话,就往下走,给用户发验证码或者保存用户信息。

说实话,这行代码就是判断俩框里写的字儿,是不是一样。
不一样,就触发else里面的逻辑。
一样,就触发if里面的。
就这么简单。

我当时也没想明白为啥要加//省略代码,这玩意儿好像没啥用啊。
不过反正意思到了就行,能看懂就行。

如何使用 Jquery 遍历 input 框并实现内容不能为空、正则验证和错误提示?

直接说,这代码写得挺全乎。

引入JQuery库是必须的,照抄这段就行:
[xss_clean][xss_clean]
用$('input[type="text"]')选所有文本框,.each()遍历每个框。

非空验证很简单,$(this).val().trim()等于空就加error类。
正则用/^[a-zA-Zu4 e00-u9 fa5 ]{2 ,1 0}$/,2 -1 0位字母或中文。

错误提示直接用CSS .error{border:1 px solid red;background-color:ffcccc;}。
表单提交时,遍历每个框用validateInput()检查,有错就e.preventDefault()。

实时验证可选,加on('input', ...)就行。

关键就三点: 1 . 遍历input用each() 2 . 非空用trim()==='' 3 . 正则用pattern.test(value)
你试试这代码,有问题直接问我。

如何使用 jQuery 循环遍历 input 框并验证内容必须为 2-10 个汉字?

结论:这个jQuery方案能直接用,但需注意兼容性。

核心验证逻辑:用正则匹配2 -1 0个汉字。
正则:/^[u4 e00-u9 fa5 ]{2 ,1 0}$/, 大白话:匹配2 到1 0个中文汉字。

表单提交时验证:阻止非法提交。
代码:e.preventDefault(); 在提交时触发。

实时验证:输入框失去焦点时触发。
代码:.on("blur", function(){ ... });
错误处理:用error类和error-message提示。
CSS:.error{border:1 px solid red !important;}, 大白话:红色边框提示错误。

扩展:动态添加输入框要手动调用验证。
不确定但经验是这样:建议用插件更稳。

你自己掂量。

实现表单“三选一”字段验证:基于JavaScript/jQuery的定制化方案

对,就是这个问题。
之前遇到过。

三选一验证,简单说就是用户必须在这三个选项中选一个填。

代码里,先监听表单提交,然后抓取三个输入框的值。

javascript var fixe = $('telephone_fixe').val(); var mobile = $('telephone_mobile').val(); var mobile2 = $('telephone_mobile2 ').val();
然后判断这三个值是否都为空。
如果都为空,就弹个提示,阻止表单提交。

javascript if (!fixe && !mobile && !mobile2 ) { $('.error-message').text('请至少填写一个电话号码').show(); e.preventDefault(); }
用户体验嘛,别用alert,改用动态提示信息。
比如,在表单上直接显示错误信息。

javascript $('.error-message').text('请至少填写一个电话号码').show(); e.preventDefault();
还要给没填的字段加个红框,提醒用户。

javascript if (!fixe) $('telephone_fixe').addClass('error-field'); if (!mobile) $('telephone_mobile').addClass('error-field'); if (!mobile2 ) $('telephone_mobile2 ').addClass('error-field');
表单ID记得替换成实际的。

服务器端验证别忘了,前端只是方便用户,但安全还得靠后端。

其他字段类型,比如复选框、下拉菜单,也可以这样验证。

最后,如果用验证库,比如FormValidation.io,可以更方便地扩展验证逻辑。

总结,这招挺实用,关键是要注意用户体验和安全性。
你自己看,有啥不懂的再问。