如何使用 jQuery 比较两个文本输入类型框值
how to compare two text input type box values using jquery
我有两个文本框t1
和t2
。我想弄清楚如何在 jquery 中t1
和t2
中的值相同,我可以显示一条警报消息。如果用户不更改值,我想阻止提交表单。
试试这样的事情
$('form').submit(function(evt) {
if ($('#textbox1').val() === $('#textbox2').val()) {
alert('values match');
evt.preventDefault();
}
}
使用 .submit() 方法绑定到表单的 submit
事件,然后比较文本框中的 2 个值 - 如果它们相同,则会显示警报,然后使用 event.preventDefault() 阻止默认操作(表单提交)
这里的工作示例
$("form").submit(function() {
var _txt1 = $('#txt1').val();
var _txt2 = $('#txt2').val();
if (_txt1 == _txt2)
{
alert('Matching!');
return true;
}
else
{
alert('Not matching!');
return false;
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="#" method="post" name="form_name" id="form_id">
<input type="text" id="txt1" name="txt1" />
<input type="text" id="txt2" name="txt2"/>
<input type="submit" value="Submit">
</form>
示例链接
jQuery
$(document).ready(function() {
var _t1 = $("#t1");
var _t2 = $("#t2");
$(_t2).focusout(function() {
if(_t1.val() === _t2.val()){
return alert('Match');
}
return alert('No match');
});
});
.HTML
<input id="t1">
<input id="t2">
小提琴https://jsfiddle.net/ptda108k/1
这是代码
if(!$("#t1").val() && !$("#t2").val() && $("#t1").val() === $("#t2").val()){
alert("Both values are same");
}else{
return false;
}
我正在通过 === 对输入值进行严格的类型检查。
希望这对您的要求有所帮助。
<script>
function myfunction(){
var val1=document.getElementById('pwd').value;
var val2=document.getElementById('cpwd').value;
if(val1!=val2){
document.getElementById('match').innerHTML="Your password is unmatch";
return false;
}
return true;
}
</script>
相关文章:
- 将循环中的两个文本框相乘,并在第三个文本框上显示结果
- 使用javascript将两个文本框值相加到表中的另一个文本框中
- 有没有一种方法可以从两个标签之间提取文本,并以我选择的格式输出
- 如何将(a*b)两个输入文本值相乘,并在javascript中随文本变化动态显示
- 使用两个下拉列表的值填充文本框
- 一个文本框,其中两个选项的值不同
- 谷歌应用程序在两个标签之间编写目标文本
- 我需要从文本框中的名字和姓氏的前两个字母到页面中的某个位置
- 同时在两个文本框上显示光标
- javascript:无法添加两个文本输入
- 使用 JavaScript 中的正则表达式替换大文本中两个字符之间的每个出现的字符串
- 在两个括号内插入文本 - Javascript
- 识别两个文本中的单词(if 语句在 for 循环中)
- 如何使用HTML5和Javascript同时读取两个文本文件
- 在jQuery或JavaScript中获取两个字符串之间的文本
- 创建选项卡,每个选项卡有两个文本区域
- 文本框中需要两个单词,使用AngularJS
- 添加两个数字,并使用Javascript在文本框中显示结果
- 两个文本框事件Javascript
- 如何获取两个容器之间的文本