Javascript compare and validate two text fields

Question

I have a problem i have the following javascript function:

<script type="text/javascript">
<!--
function BothFieldsIdenticalCaseSensitive() {
    var two = document.bid_deal.passphrase_hidden.value;
    var three = document.bid_deal.passphrase.value;
    if(two == three) { return true; }
    alert("Warning!! passcodes must match!!!");
    return false;
}
//-->
</script>

I am using it to compare two text fields to make sure the two text fields match themselves. it is working for one set of text fileds but has refused to work if i add another set of text field and run another instance of the same function.

I have a call javascript function calling checkEnableSubmit when the action is executed but i dont know why it won't work with more than one set of text fields. I however noticed that both call javascript behaviors in the page call the same name of checkEnableSubmit. If i change the name one stops working.

HERE IS THE JAVASCRIPT CALL: <input name="passphrase" type="text" id="passphrase" onfocus="clearDefault(this)" onblur="MM_callJS('checkEnableSubmit')" value="Nopass" />

I need to implement this script to add validation to my text fields, please i need help BADLY!!!!

Can you provide a little more context to the code? Like maybe a working/breaking demo in JSFiddle? — jmk2142
– jmk2142, Commented Jun 27, 2013 at 17:44

bastos.sergio · Accepted Answer · 2013-06-27 17:59:25Z

1

Your BothFieldsIdenticalCaseSensitive function can only work on the fields *passphrase_hidden* and passphrase.

If you wish to check another two fields, then you must create another function for new fields. If, for instance, you created two fields with ids *passphrase_hidden1*, and passphrase1 then you could use this function to validate their input...

function BothFieldsIdenticalCaseSensitive2() {
    var two = document.getElementById('passphrase_hidden1').value;
    var three = document.getElementById('passphrase1').value;
    if(two == three) { return true; }
    alert("Warning!! passcodes must match!!!");
    return false;
}

another option, that you could try, would be to create one single function and in that function pass the two fields that you want to check like so:

function BothFieldsIdenticalCaseSensitive(fieldId1, fieldId2) {
    var two = document.getElementById(fieldId1).value;
    var three = document.getElementById(fieldId2).value;
    if(two == three) { return true; }
    alert("Warning!! passcodes must match!!!");
    return false;
}

Edit

You shouldn't reference your fields with this syntax document.bid_deal.passphrase_hidden, not all browsers implement this. The standard way that works across all browsers is to call document.getElementById('passphrase_hidden').

edited Jun 27, 2013 at 17:59

answered Jun 27, 2013 at 17:54

bastos.sergio

6,7644 gold badges29 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ralph E. Emeka Over a year ago

Thanks for the replies. I also have an on submit behaviour to the form which i pasted in. Should this also be added when i call a new instance of this validation scipt

Ralph E. Emeka Over a year ago

Hey again guys, thanks for the replies. Interestingly, the script above works for validation of select fields to ensure that entered values are identical. The only problem is that the form cannot be submitted. My aim is to ensure that the select fields have the same value always and not to prevent form submission if the select fields have the same value. Any help on this is greatly appreciated.

Collectives™ on Stack Overflow

Javascript compare and validate two text fields

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related